autocorrect=""

更新日
仕様 HTML Living Standard
分類 グローバル属性

autocorrect属性は、入力文字にスペルミスがあった場合に、自動的な修正を行うかどうかを指定します。

  • これはソフトウェアキーボード向け?の機能っぽいです。

<input type="text" autocorrect="off">

属性
グローバル属性
autocorrect="" 自動的な修正 on 自動修正を有効にする(ブラウザに任せる)
on と同じ
off 自動修正を無効にする
  • 無効な値と欠損値のデフォルトは on 状態になります。

autocorrect属性の指定について

autocorrect属性は、主にフォームのテキスト入力欄で使用します。

フォームの部品単位で指定したい場合は次のように記述します。

<input type="text" name="name" autocorrect="off">

次のようにform要素に対して指定した場合は、そのform要素に関連付けられた自動大文字化と自動修正を継承する要素のデフォルトの動作を制御できます。

<form method="post" action="example.cgi" autocorrect="off">

<p>Name : <input type="text" name="name"></p>
<p>Message : <textarea name="message"></textarea></p>

</form>

上記の場合、2つの入力欄(input要素textarea要素)に autocorrect="off" の指定が適用されます。

次のように指定した場合は、input要素は自動修正が有効になり、textarea要素は無効になります。

<form method="post" action="example.cgi" autocorrect="off">

<p>Name : <input type="text" name="name" autocorrect="on"></p>
<p>Message : <textarea name="message"></textarea></p>

</form>
  • ただし、type属性の値が passwordurlemail のinput要素では、自動修正が有効になることはありません。

他に、contenteditable属性が指定された要素にも、autocorrect属性の指定を適用することができます。

<div contenteditable="true" autocorrect="off">
テキストの編集が可能な要素
</div>

指定できる要素

autocorrect属性はグローバル属性のため、全てのHTML要素に指定することができます。

  • ただし、属性と要素の組み合わせによっては効果がない場合もあります。
旧HTMLからの変更点
  • HTML LS:autocorrect属性が定義されました。[2024/08/28]

使用例

https://www.tagindex.com/html/attribute/autocorrect.html スマートフォンなどで確認する場合はこのQRコードを読み取ってください。
  • 2024年8月現在、iOSのSafariで対応していることを確認しました。
入力欄に指定した例

<p>デフォルト(無指定)<br>
<textarea cols="30" rows="5"></textarea></p>

<p>onを指定<br>
<textarea cols="30" rows="5" autocorrect="on"></textarea></p>

<p>offを指定<br>
<textarea cols="30" rows="5" autocorrect="off"></textarea></p>

表示例

デフォルト(無指定)

onを指定

offを指定

contenteditable属性が指定さたれ要素に適用した例

<p contenteditable="true">
デフォルト(無指定)
</p>

<p contenteditable="true" autocorrect="on">
onを指定
</p>

<p contenteditable="true" autocorrect="off">
offを指定
</p>

表示例

デフォルト(無指定)

onを指定

offを指定