Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】autocorrect属性の使い方

autocorrect属性の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

autocorrectプロパティは、HTML要素のテキスト入力フィールドにおいて、OSやブラウザが提供する自動修正機能の状態(有効/無効)を保持するプロパティです。これはHTMLのグローバル属性の一つとして機能し、主にスマートフォンやタブレットなどのモバイルデバイスでのテキスト入力時に、予測変換、スペルチェック、自動修正といった機能を制御するために利用されます。

具体的には、このプロパティにonまたはtrueを設定すると自動修正が有効になり、offまたはfalseを設定すると無効になります。デフォルトの動作はブラウザやOSの設定に依存するため、特定の入力フォームで自動修正を確実に制御したい場合には、このプロパティを明示的に設定することが推奨されます。

例えば、プログラミングコード、ユーザー名、検索クエリ、専門用語、固有名詞など、システムが意図せず修正してしまうと問題となるような情報では、autocorrect="off"を設定することで、ユーザーが入力した内容が勝手に変更されるのを防ぐことができます。これにより、入力された情報が正確に保持され、ユーザーは意図しない修正によって再入力を求められる手間を省くことができます。

この属性はすべてのHTML要素に適用可能ですが、<input>要素のtypetextsearchurltelemailpasswordである場合や、<textarea>要素、[contenteditable]属性が設定された要素において特にその効果を明確に確認できます。正確で意図通りのユーザー入力を促すために、このプロパティの適切な活用が重要です。

公式リファレンス: HTML autocorrect global attribute

構文(syntax)

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

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ