Michael Gearon

Disable Autocomplete, Autocapitalize, and Autocorrect

Michael Gearon

Last updated on

The HTML5 logo

Autocomplete, autocapitalise and autocorrect can be useful when creating notes or posting a comment on a Twitter status, it can sometimes be a hassle in certain cases. For example when filling out a password field on a sign up form we do not want it to autocapitalise, autocomplete or autocorrect. Or whilst entering your first and last name on text inputs you do not want it to autocorrect and possibly not autocomplete.

To control what abilities each input has we can use the autocomplete, autocapitalise and autocorrect attributes, which was introduced in the W3C working draft on the 18 October 2018.

How to turn off autocomplete

To turn off autocomplete use the below attribute:

<input spellcheck="false" autocomplete="off" type="text" />

How to turn off spellcheck

<textarea spellcheck="false"></textarea> 

How to turn off autocorrect

<input spellcheck="false" autocomplete="off" type="text" />

This minor change can make a lot of difference, personally I find it frustrating sometimes when it doesn’t recognise my last name and then autocorrects it when I tap off or turning off the capitalised lock before typing the password.

Further reading

Michael Gearon

Written by
Michael Gearon

Michael Gearon is a Senior Interaction Designer at Companies House in Cardiff. Previously Mike was a product designer at the GoCo Group including GoCompare, MyVoucherCodes and WeFlip. As well working for brands in South Wales like BrandContent and HEOR.