<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<!-- Autofill test with dynamically created fields, and without a form tag. -->
<html>
<head>
<title>Dynamic Autofill Test - No Form - Collects address information</title>
<script>
function AddFields() {
var fields = document.getElementById("fields");
var email_label = document.createElement("label");
email_label.setAttribute("for", "email");
var email_input = document.createElement("input");
email_input.setAttribute("type", "text");
email_input.setAttribute("id", "EMAIL_ADDRESS");
fields.appendChild(email_label);
fields.appendChild(email_input);
fields.appendChild(document.createElement("br"));
var phone_label = document.createElement("label");
phone_label.setAttribute("for", "phone");
var phone_input = document.createElement("input");
phone_input.setAttribute("type", "text");
phone_input.setAttribute("id", "PHONE_HOME_WHOLE_NUMBER");
fields.appendChild(phone_label);
fields.appendChild(phone_input);
fields.appendChild(document.createElement("br"));
}
</script>
</head>
<body>
<h3>Dynamic Autofill Test - No Form</h3>
<p id="fields">
<label for="firstname">First Name:</label> <input type="text" id="NAME_FIRST"><br>
<label for="lastname">Last Name:</label> <input type="text" id="NAME_LAST"><br>
<label for="address">Address:</label> <input type="text" id="ADDRESS_HOME_LINE1"><br>
<label for="city">City:</label> <input type="text" id="ADDRESS_HOME_CITY" ><br>
<label for="state">State:</label> <input type="text" id="ADDRESS_HOME_STATE" ><br>
<label for="zip">Zip:</label> <input type="text" id="ADDRESS_HOME_ZIP" ><br>
<label for="country">Country:</label> <input type="text" id="ADDRESS_HOME_COUNTRY" ><br>
<!-- Dynamically generated.
<label for="email">Email:</label> <input type="text" id="EMAIL_ADDRESS"><br>
<label for="phone">Phone:</label> <input type="text" id="PHONE_HOME_WHOLE_NUMBER"><br>
//-->
</p>
</body>
</html>
Codebase Browser
chromium