<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Autofill phone fields test form</title>
</head>
<body>
<form id="testform1" method="post">
<label for="NAME_FIRST1">First name:</label>
<input type="text" id="NAME_FIRST1"><br/>
<label for="NAME_LAST1">Last name:</label>
<input type="text" id="NAME_LAST1"><br/>
<label for="ADDRESS_HOME_LINE1">Address:</label>
<input type="text" id="ADDRESS_HOME_LINE1"><br/>
<label for="ADDRESS_HOME_CITY">City:</label>
<input type="text" id="ADDRESS_HOME_CITY"><br/>
<label for="ADDRESS_HOME_STATE">State:</label>
<input type="text" id="ADDRESS_HOME_STATE"><br/>
<label for="ADDRESS_HOME_ZIP">Zip:</label>
<input type="text" id="ADDRESS_HOME_ZIP"><br/>
<!-- Basic phone field. -->
<label for="PHONE_HOME_WHOLE_NUMBER">Phone:</label>
<input type="text" id="PHONE_HOME_WHOLE_NUMBER" autocomplete="tel"><br/>
</form>
<form id="testform2" method="post">
<label for="NAME_FIRST2">First name:</label>
<input type="text" id="NAME_FIRST2"><br/>
<label for="NAME_LAST2">Last name:</label>
<input type="text" id="NAME_LAST2"><br/>
<!-- Set of phone fields with area code and phone number. -->
<label for="PHONE_HOME_CITY_CODE-1">Area Code:</label>
<input type="text" id="PHONE_HOME_CITY_CODE-1">
<label for="PHONE_HOME_NUMBER">Phone:</label>
<input type="text" id="PHONE_HOME_NUMBER"><br/>
</form>
<form id="testform3" method="post">
<label for="NAME_FIRST3">First name:</label>
<input type="text" id="NAME_FIRST3"><br/>
<label for="NAME_LAST3">Last name:</label>
<input type="text" id="NAME_LAST3"><br/>
<!-- Set of phone fields with area code, ###, ####, and ext. -->
<label for="PHONE_HOME_CITY_CODE-2">Phone:</label>
<input type="text" maxlength="3" id="PHONE_HOME_CITY_CODE-2">
<label for="PHONE_HOME_NUMBER_3-1"> - </label>
<input type="text" maxlength="3" id="PHONE_HOME_NUMBER_3-1">
<label for="PHONE_HOME_NUMBER_4-1"> - </label>
<input type="text" maxlength="4" id="PHONE_HOME_NUMBER_4-1">
<label for="PHONE_HOME_EXT-1">ext.:</label>
<input type="text" maxlength="5" id="PHONE_HOME_EXT-1"><br/>
</form>
<form id="testform4" method="post">
<label for="NAME_FIRST4">First name:</label>
<input type="text" id="NAME_FIRST4"><br/>
<label for="NAME_LAST4">Last name:</label>
<input type="text" id="NAME_LAST4"><br/>
<!-- Set of phone fields with country code, area code, ###, ####, and ext. -->
<label for="PHONE_HOME_COUNTRY_CODE-1">Phone:</label>
<input type="text" maxlength="2" id="PHONE_HOME_COUNTRY_CODE-1">
<label for="PHONE_HOME_CITY_CODE-3"> - </label>
<input type="text" maxlength="3" id="PHONE_HOME_CITY_CODE-3">
<label for="PHONE_HOME_NUMBER_3-2"> - </label>
<input type="text" maxlength="3" id="PHONE_HOME_NUMBER_3-2">
<label for="PHONE_HOME_NUMBER_4-2"> - </label>
<input type="text" maxlength="4" id="PHONE_HOME_NUMBER_4-2">
<label for="PHONE_HOME_EXT-2">ext.:</label>
<input type="text" maxlength="5" id="PHONE_HOME_EXT-2"><br/>
</form>
</body>
</html>