Code<ol class="clean"><ol class="clean"><li class="text"><label for="name">Your Name</label><input aria-required="true" autocapitalize="words" autocomplete="name" autocorrect="off" id="name" name="name" required="" type="text" /></li><li class="email"><label for="email">Your Email</label> <input aria-describedby="email-note" aria-required="true" autocapitalize="off" autocomplete="email" autocorrect="off" id="email" name="email" required=""type="email" /> <em class="note" id="email-note">We will only use your email address to respond to your message.</em></li><li class="select"><label for="subject">Purpose of Your Message</label><select id="subject" name="recipient_email"><option value="">Question/Comment</option><option value="">Article Error</option><option value="">Website Bug Report</option><option value="">Ask the Sherpas a question</option></select></li><li class="textarea"><label for="message">Your Message</label> <textarea aria-required="true" id="message" name="message" required=""></textarea></li><li class="tel"><label for="preferred_phone">Preferred Phone</label> <input autocomplete="tel" autocorrect="off" id="preferred_phone" name="preferred_phone" placeholder="ex. 123-456-7890" type="tel" /></li><li class="url"><label for="url">URL</label> <input aria-describedby="url-note" id="url" name="url" required="" type="url" /> <em class="note" id="url-note">Please provide the URL for the specific page that includes the area you want reviewed.</em></li></ol></ol>
Code<ol class="clean"><ol class="clean"><li class="number"><label for="captcha">1 + 1 = ?</label> <input aria-required="true" id="captcha" name="captcha" required="" type="number" /></li></ol></ol>st Item 3</li></ul>
Code<ol class="clean"><ol class="clean"><li class="range"><label for="volume">Slide rate this</label> <input id="volume" max="11" min="0" name="volume" step="1" type="range" /></li></ol></ol>
Code<ol class="clean"><ol class="clean"><li class="date"><label for="preferred_dates">Preferred Date to Visit</label> <input id="preferred_dates" name="preferred_dates" required="" type="date" /></li><li class="time"><label for="requested_tour_time">Tour Time Requested</label> <input id="requested_tour_time" name="requested_tour_time" type="time" /></li><li class="address-line1"><label for="address-line1">Address (Line 1)</label> <input aria-required="true" autocapitalize="words" autocomplete="address-line1" autocorrect="off" id="address-line1" name="address-line1" required="" type="text" /></li><li class="address-line2"><label for="address-line2">Address (Line 2)</label> <input aria-required="true" autocapitalize="words" autocomplete="address-line2" autocorrect="off" id="address-line2" name="address-line2" required="" type="text" /></li><li class="city"><label for="city">City</label> <input aria-required="true" autocapitalize="words" autocomplete="address-level2" autocorrect="off" id="city" name="city" required="" type="text" /></li><li class="datalist datalist--alt"><label for="state" id="state_label">State</label><datalist id="states"><select aria-labelledby="state_label" name="state"><option value="">Alabama</option><option value="">Alaska</option><option value="">Arizona</option><option value="">Arkansas</option></select>If other, please specify</datalist><input autocomplete="address-level1" id="state" list="states" name="state" type="text" /></li><li class="zip-code"><label for="zip-code">Zip code</label> <input aria-required="true" autocomplete="postal-code" autocorrect="off" id="zip-code" name="zip-code" pattern="\d*" required="" type="text" /> <em class="note" id="zip-code-note">Numeric Only</em></li><!--Postal Code is for non USA codes that are not entirely numeric--><li class="postal-code"><label for="postal-code">Postal code</label> <input aria-required="true" autocomplete="postal-code" autocorrect="off" id="postal-code" name="postal-code" required="" type="text" /></li></ol></ol>
Code<ol class="clean"><ol class="clean"><li class="confirm"><label for="newsletter"> <input id="newsletter" name="newsletter" value="yes" type="checkbox" /> Sign me up for this newsletter </label></li><li class="grouped checkbox"><fieldset><legend>Checkbox<em>(3 available)</em></legend><ul class="clean"><li><label for="asus-nexus-7"> <input data-checkbox-required="" id="asus-nexus-7" name="reservation_requested_device[]" value="Asus Nexus 7 (Upper Cabinet #8)" type="checkbox" /> Asus Nexus 7 </label></li><li><label for="nook-color"> <input data-checkbox-required="" id="nook-color" name="reservation_requested_device[]" value="Barnes & Noble Nook Color (Upper Cabinet #2)" type="checkbox" /> Barnes & Noble Nook Color </label></li><li><label for="blackberry-playbook"> <input data-checkbox-required="" id="blackberry-playbook" name="reservation_requested_device[]" value="BlackBerry Playbook (Upper Cabinet #1)" type="checkbox" /> BlackBerry Playbook </label></li></ul></fieldset></li></ol></ol>
Code<ol><li>List Item 1</li><li>List Item 2</li><li>List Item 3</li></ol>Unordered List<ul><li>List Item 1</li><li>List Item 2</li><li>List Item 3</li></ul>