Disable Autocomplete, Autocapitalize, and Autocorrect

Although autocomplete, autocapitalise and autocorrect is useful when creating notes or posting a comment on a Twitter status it can sometimes be a hassle and we do not always require these features.  For example when filling out a password field on a sign up form we do not want it to autocapitalise, autocomplete or autocorrect. Whilst entering your first and last name 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.

The HTML

All it requires to disable these features is a few HTML attributes as you can see below:

<input autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
<textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea>

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.

Written by Michael Gearon

Michael Gearon is a UX Designer at BrandContent. Specialising in voice assistants and CRO, I have a wealth of experience in UX, UI and website design. Based in Cardiff, South Wales Mike can help local businesses with their online presence.