HTML Form Autocomplete Analyzer Bookmarklet

This handy web browser bookmarklet will show you what autocomplete and autocorrect settings are set on a forms input fields.


Autocomplete attribute analysis for HTML forms

Quickly analyze an HTML form to see what autocomplete and autocorrect attributes have been set for each input.

Autocomplete Analyzer Bookmarklet Code



How to Install the Autocomplete Analyzer Bookmarklet

  1. Copy the above code.
  2. Create a new bookmark by right-clicking on the bookmark bar and choosing Add Page
  3. In the Name field, enter Autocomplete Analyzer
  4. In the URL field, paste the code (Ctrl + V)
  5. Click the Save button


How to Use the Autocomplete Analyzer Bookmarklet

  1. On any webpage with an HTML form, click your bookmarklet in the Bookmark bar.
  2. A prompt asks you to enter the ID of the HTML form you wish to analyze.  A list of the forms found on the page will be listed.  Click the OK button.
    • Enter an HTML ID you wish to analyze.
    • NOTE: This looks for input fields within an ID on the page – it technically doesn’t need to be a <form> element – it can be any element on the page.
  3. Pres F12 on your keyboard (or right click on the page and choose Inspect Element).  This will open the Developer Tools panel.
  4. Select the Console tab in the developer tools panel.
    • A table will be displayed with the forms Autocomplete and Autocorrect settings.