1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Form Autofill Demo Page</title>
</head>
<body>
<h1>Form Autofill Demo Page</h1>
<form>
<label>Name: <input id="name" autocomplete="name"></label><br/>
<label>Organization: <input id="organization" autocomplete="organization"></label><br/>
<br/>
<label>Street Address: <input id="street-address-a" autocomplete="shipping street-address"></label><br/>
<label>Address Level 2: <input id="address-level2-a" autocomplete="shipping address-level2"></label><br/>
<label>Address Level 1: <input id="address-level1-a" autocomplete="shipping address-level1"></label><br/>
<label>Postal Code: <input id="postal-code-a" autocomplete="shipping postal-code"></label><br/>
<label>Country: <input id="country-a" autocomplete="shipping country"></label><br/>
<br/>
<label>Street Address: <input id="street-address-b" autocomplete="billing street-address"></label><br/>
<label>Address Level 2: <input id="address-level2-b" autocomplete="billing address-level2"></label><br/>
<label>Address Level 1: <input id="address-level1-b" autocomplete="billing address-level1"></label><br/>
<label>Postal Code: <input id="postal-code-b" autocomplete="billing postal-code"></label><br/>
<label>Country: <input id="country-b" autocomplete="billing country"></label><br/>
<br/>
<label>Street Address: <input id="street-address-c" autocomplete="section-my street-address"></label><br/>
<label>Address Level 2: <input id="address-level2-c" autocomplete="section-my address-level2"></label><br/>
<label>Address Level 1: <input id="address-level1-c" autocomplete="section-my address-level1"></label><br/>
<label>Postal Code: <input id="postal-code-c" autocomplete="section-my postal-code"></label><br/>
<label>Country: <input id="country-c" autocomplete="section-my country"></label><br/>
<br/>
<label>Telephone: <input id="tel-a" autocomplete="work tel"></label><br/>
<label>Email: <input id="email-a" autocomplete="work email"></label><br/>
<br/>
<label>Telephone: <input id="tel-b" autocomplete="home tel"></label><br/>
<label>Email: <input id="email-b" autocomplete="home email"></label><br/>
<p>
<input type="submit" value="Submit">
<button type="reset">Reset</button>
</p>
</form>
<form>
<label>Name: <input autocomplete="name"></label><br/>
<label>Organization: <input autocomplete="organization"></label><br/>
<br/>
<label>Street Address: <input autocomplete="street-address"></label><br/>
<label>Address Level 2: <input autocomplete="address-level2"></label><br/>
<label>Address Level 1: <input autocomplete="address-level1"></label><br/>
<label>Postal Code: <input autocomplete="postal-code"></label><br/>
<label>Country: <input autocomplete="country"></label><br/>
<br/>
<label>Street Address: <input autocomplete="street-address"></label><br/>
<label>Address Level 2: <input autocomplete="address-level2"></label><br/>
<label>Address Level 1: <input autocomplete="address-level1"></label><br/>
<label>Postal Code: <input autocomplete="postal-code"></label><br/>
<label>Country: <input autocomplete="country"></label><br/>
<br/>
<label>Street Address: <input autocomplete="street-address"></label><br/>
<label>Address Level 2: <input autocomplete="address-level2"></label><br/>
<label>Address Level 1: <input autocomplete="address-level1"></label><br/>
<label>Postal Code: <input autocomplete="postal-code"></label><br/>
<label>Country: <input autocomplete="country"></label><br/>
<br/>
<label>Telephone: <input autocomplete="work tel"></label><br/>
<label>Email: <input autocomplete="work email"></label><br/>
<br/>
<label>Telephone: <input autocomplete="home tel"></label><br/>
<label>Email: <input autocomplete="home email"></label><br/>
<p>
<input type="submit" value="Submit">
<button type="reset">Reset</button>
</p>
</form>
</body>
</html>
|