Html Autocorrect for Text Input Is Not Working

Html Autocorrect for Text Input Is Not Working

I am trying to perform some autocorrect for English words in text input. Here is my code:

<input autocomplete="on" autocorrect="on" autocapitalize="on" type="text" name="textinput" placeholder="Enter a test" spellcheck="on">

My JSFiddle

However, it does not seems to work on Chrome by using a desktop computer. Is this feature only applicable for mobile?

2 Answers

Try using spellcheck="true" html attribute instead of autocorrect="on"

<input autocomplete="on" spellcheck="true" autocapitalize="on" type="text" name="textinput" placeholder="Enter a test" spellcheck="on">

autocorrect="on" is currently a non-standard attribute.

This is a non-standard attribute supported by Safari that is used to control whether autocorrection should be enabled when the user is entering/editing the text value of the <input>

See:

3

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Alexander Ross
Author

Alexander Ross

Alexander Ross has covered the video game industry for a decade, writing deep dives on game design, esports tournaments, VR developments, and gaming culture.