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