textarea_select.html (114 lines of code) (raw):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Form Autofill Demo Page</title>
<script type="text/javascript" src="base.js"></script>
</head>
<body>
<h1>Form Autofill Demo Page</h1>
<form id="form">
<p><label>organization: <input type="text" id="organization" name="organization" autocomplete="organization"></label></p>
<p><label>streetAddress: <textarea id="street-address" name="street-address" autocomplete="street-address"></textarea></label></p>
<p><label>addressLevel2: <input type="text" id="address-level2" name="address-level2" autocomplete="address-level2"></label></p>
<p>
<label>
addressLevel1:
<select id="address-level1" name="address-level1" autocomplete="address-level1">
<option value=""></option>
<optgroup label="United States">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AP">Armed Forces Pacific</option>
<option value="AE">Armed Force Europe</option>
<option value="AA">Armed Forces America</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DC">Washington D.C.</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="GU">Guam</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="VI">Virgin Islands</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</optgroup>
<optgroup label="Canada">
<option value="AB">Alberta</option>
<option value="BC">British Columbia</option>
<option value="MB">Manitoba</option>
<option value="NB">New Brunswick</option>
<option value="NL">Newfoundland and Labrador</option>
<option value="NS">Nova Scotia</option>
<option value="NT">Northwest Territories</option>
<option value="NU">Nunavut</option>
<option value="ON">Ontario</option>
<option value="PE">Prince Edward Island</option>
<option value="QC">Quebec</option>
<option value="SK">Saskatchewan</option>
<option value="YT">Yukon</option>
</optgroup>
</select>
</label>
</p>
<p><label>postalCode: <input type="text" id="postal-code" name="postal-code" autocomplete="postal-code"></label></p>
<p>
<label>
country:
<select id="country" name="country" autocomplete="country">
<option/>
<option value="CA">Canada</option>
<option value="DE">Germany</option>
<option value="US">United States</option>
<option value="TW">Taiwan</option>
</select>
</label>
</p>
<p><label>tel: <input type="text" id="tel" name="tel" autocomplete="tel"></label></p>
<p><label>email: <input type="text" id="email" name="email" autocomplete="email"></label></p>
<p><input type="submit"></p>
<p><button type="reset">Reset</button></p>
</form>
</body>
</html>