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

Alexander Ross

Gaming, Esports & Interactive Media Writer

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

Share this article
Twitter Facebook Pinterest