Form

Address input

Published on

Example

Open in new tab
View HTML markup 
  
<!--[-->
<!--[-->
<!---->
<form method="POST" novalidate action="?/">
  <fieldset class="address">
<!--[!-->
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
    <div>
<!--[--><label for="street-address" id="street-address">Street address
<!---->
<!----></label>
<!--]-->
<!---->
 <!--[--><span id="street-address-hint">
<!---->#000, 123 Home Street
<!----></span>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!----> <input dir="auto" value="" autocapitalize="off" autocomplete="street-address" autocorrect="off" spellcheck="false" id="street-address" type="text">
<!---->
 <!---->
<!---->
<!---->
<!----></div>
<!---->
    <div>
<!--[--><label for="city" id="city">City
<!---->
<!----></label>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!----> <input dir="auto" value="" autocapitalize="off" autocomplete="address-level2" autocorrect="off" spellcheck="false" id="city" type="text">
<!---->
 <!---->
<!---->
<!---->
<!----></div>
<!---->
    <div>
<!--[--><label for="postal-code" id="postal-code">Postal code, postcode, or ZIP
<!---->
<!----></label>
<!--]-->
<!---->
 <!--[--><span id="postal-code-hint">
<!---->A1A 1A1
<!----></span>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!----> <input dir="auto" value="" autocapitalize="off" autocomplete="postal-code" autocorrect="off" spellcheck="false" id="postal-code" type="text">
<!---->
 <!---->
<!---->
<!---->
<!----></div>
<!---->
    <div>
<!--[--><label for="country" id="country">Country or region
<!---->
<!----></label>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
      <div><select autocapitalize="off" autocomplete="country" autocorrect="off" spellcheck="false" id="country">
          <option label="Canada" value="CA">
<!---->
<!----></option>
<!---->
<!---->
<!---->
        </select>
<!----></div>
<!---->
<!---->
    </div>
<!---->
<!---->
<!---->
  </fieldset>
<!----> <button type="button">
<!---->Submit
<!----></button>
<!---->
<!---->
</form>
<!---->
<!--]-->
<!--]-->

Variables

None for input