Ziptastic Form Example

ziptastic-form.html

<form id="theform" class="pure-form pure-form-stacked">
  <fieldset>
      <label for="name">
          Name:
          <input type="text" id="name" placeholder="Full Name"/>
      </label>
      <label for="address1">
          Address:
          <input type="text" id="address" placeholder="House Number, Street" />
      </label>
      <label for="zip">
          Postal Code:
          <input type="text" id="zip" placeholder="Postal/Zip code" />
      </label>
      <label for="city">
          City:
          <input type="text" id="city" placeholder="City" />
      </label>

      <label for="state">
          State:
          <input type="text" id="state" placeholder="State" />
      </label>

      <label for="country">
          Country:
          <input type="text" id="country" placeholder="Country" />
      </label>
      <input type="submit" disabled="disabled" class="pure-button pure-button-primary" />
      <input type="reset" class="pure-button pure-button-primary" />
    </fieldset>
  </form>