Form fields: Autocompleting form fields

The autocomplete attribute can be set on the whole form, or on individual fields.

You can set it to “on” or “false”:

<input autocomplete="on" />
<input autocomplete="off" />

Or, you can set it to fields that the browser will try to auto-fill based on what it knows about the user:

  • name
  • given-name (first name)
  • family-name
  • additional-name
  • email
  • username
  • new-password
  • one-time-code
  • street-address
  • country-name
  • postal-code
  • url
  • bday birth date
  • sex
  • tel

…and more! (see the full list on MDN)

Lessons in this unit:

0: Introduction
1: Form submit field
2: Specialized input fields
3: Checkboxes
4: Radio buttons
5: File input fields
6: Textarea
7: Select
8: ▶︎ Autocompleting form fields
Are you intimidated by Git? Can’t figure out merge vs rebase? Are you afraid of screwing up something any time you have to do something in Git? Do you rely on ChatGPT or random people’s answer on StackOverflow to fix your problems? Your coworkers are tired of explaining Git to you all the time? Git is something we all need to use, but few of us really master it. I created this course to improve your Git (and GitHub) knowledge at a radical level. Launching May 21, 2024. Join the waiting list!