v150 · HTML · Autocorrect Demo

Autocorrect Demo

Two textareas side by side — one with autocorrect="on" and one with autocorrect="off". Type common misspellings to observe the difference. Note: OS-level autocorrection behaviour varies by platform and system settings.

Checking autocorrect attribute support…

side-by-side

autocorrect="on"

element.autocorrect: reading…

autocorrect="off"

element.autocorrect: reading…

try these misspellings

Click to insert a misspelling into the "on" textarea

JavaScript property access

Read and set autocorrect via JavaScript

ta-on.autocorrect: —

ta-off.autocorrect: —

'autocorrect' in HTMLElement.prototype: —

code

<!-- HTML attribute -->
<textarea autocorrect="on"></textarea>   <!-- OS corrects typos -->
<textarea autocorrect="off"></textarea>  <!-- Raw input preserved -->

<!-- Use cases for autocorrect="off":
  - Code editors / technical input fields
  - Username / email / URL fields
  - Search boxes where misspellings are intentional
  - Template variables like {{user.name}}
-->

<!-- Use cases for autocorrect="on" (default):
  - Comment boxes
  - Long-form text areas
  - Chat / messaging fields
-->

// JavaScript API (Chrome 150+)
const input = document.querySelector('input');
console.log(input.autocorrect);     // "on" or "off"
input.autocorrect = 'off';          // programmatic control