chrome/test/data/autofill/autofill_noform_dynamic.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <!-- Autofill test with dynamically created fields, and without a form tag. -->
   3 <html>
   4   <head>
   5     <title>Dynamic Autofill Test - No Form - Collects address information</title>
   6     <script>
   7       function AddFields() {
   8         var fields = document.getElementById("fields");
   9
  10         var email_label = document.createElement("label");
  11         email_label.setAttribute("for", "email");
  12         var email_input = document.createElement("input");
  13         email_input.setAttribute("type", "text");
  14         email_input.setAttribute("id", "EMAIL_ADDRESS");
  15         fields.appendChild(email_label);
  16         fields.appendChild(email_input);
  17         fields.appendChild(document.createElement("br"));
  18
  19         var phone_label = document.createElement("label");
  20         phone_label.setAttribute("for", "phone");
  21         var phone_input = document.createElement("input");
  22         phone_input.setAttribute("type", "text");
  23         phone_input.setAttribute("id", "PHONE_HOME_WHOLE_NUMBER");
  24         fields.appendChild(phone_label);
  25         fields.appendChild(phone_input);
  26         fields.appendChild(document.createElement("br"));
  27       }
  28     </script>
  29   </head>
  30   <body>
  31     <h3>Dynamic Autofill Test - No Form</h3>
  32     <p id="fields">
  33       <label for="firstname">First Name:</label> <input type="text" id="NAME_FIRST"><br>
  34       <label for="lastname">Last Name:</label> <input type="text" id="NAME_LAST"><br>
  35       <label for="address">Address:</label> <input type="text" id="ADDRESS_HOME_LINE1"><br>
  36       <label for="city">City:</label> <input type="text" id="ADDRESS_HOME_CITY" ><br>
  37       <label for="state">State:</label> <input type="text" id="ADDRESS_HOME_STATE" ><br>
  38       <label for="zip">Zip:</label> <input type="text" id="ADDRESS_HOME_ZIP" ><br>
  39       <label for="country">Country:</label> <input type="text" id="ADDRESS_HOME_COUNTRY" ><br>
  40       <!-- Dynamically generated.
  41       <label for="email">Email:</label> <input type="text" id="EMAIL_ADDRESS"><br>
  42       <label for="phone">Phone:</label> <input type="text" id="PHONE_HOME_WHOLE_NUMBER"><br>
  43       //-->
  44     </p>
  45   </body>
  46 </html>
  47