HTML autocorrect for text input is not working

Question

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?

Answer 1

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">

Answer 2

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: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#attr-autocorrect