Have you ever started typing into a form and had your browser suggest a saved value? HTML can help the browser decide which value belongs in which field. The autocomplete token country is used for two-letter country code.
What country tells the browser
Two-letter country code.
This is a hint, not an instruction to fill a value automatically. Browsers and password managers consider settings, saved data, permissions and other signals before offering suggestions.
Example form field
<form action="/example" method="post">
<label for="detail-field">Country</label>
<select id="detail-field" name="country" autocomplete="country">
<option value="">Choose a country</option>
<option value="US">United States</option>
<option value="FR">France</option>
</select>
<button type="submit">Continue</button>
</form>Understanding the example
The autocomplete="country" attribute labels this field for autofill. Its visible <label> still tells people what to type, and its name attribute determines the key sent when a form is submitted.
Use ISO 3166-1 alpha-2 codes such as US or FR as option values.
Address formats differ widely by country. Keep optional fields truly optional and avoid strict assumptions about postcode length, district names or address ordering.
Try it yourself
Save the example as an HTML file, and test the field with browser autofill enabled. Inspect the autocomplete value and compare it with the field label. Browser behavior depends on available saved information, so a missing suggestion is not necessarily an HTML mistake.
Common Beginner Mistakes
- Use ISO 3166-1 alpha-2 codes such as US or FR as option values.
- Leaving out the visible label because the browser might autofill the field.
- Treating autofill suggestions as verified or safe data.
Key Takeaways
countrydescribes two-letter country code.- Use ISO 3166-1 alpha-2 codes such as US or FR as option values.
- Autocomplete helps users; it does not replace labeling, accessibility or validation.