| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="UTF-8"> |
| <title>Autofill phone fields test form</title> |
| </head> |
| <body> |
| <form id="testform" method="post"> |
| <label for="NAME_FIRST">First name:</label> |
| <input type="text" id="NAME_FIRST"><br/> |
| <label for="NAME_LAST">Last name:</label> |
| <input type="text" id="NAME_LAST"><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"><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/> |
| |
| <!-- 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/> |
| |
| <!-- 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> |