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

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

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

作成日: 更新日:

基本的な使い方

spellcheckプロパティは、HTML要素のスペルチェックと文法チェック機能を制御する情報を保持するプロパティです。HTML Living Standardにおいて、このグローバル属性は、ウェブブラウザが提供するスペルチェック機能が、その要素内のテキストコンテンツに対して有効になるか、または無効になるかを指定するために使用されます。

このプロパティには、主に三つの状態を設定できます。一つはtrueで、これは要素のスペルチェックを明示的に有効にすることを指示します。もう一つはfalseで、これはスペルチェック機能を無効にすることを指示します。そして、spellcheck属性自体を要素に指定しない場合、ブラウザはデフォルトの動作(通常は親要素の設定を継承するか、ユーザーエージェントのデフォルトに従う)を適用します。

spellcheckプロパティは、<input type="text"><textarea>といったテキスト入力が可能なフォーム要素、またはcontenteditable="true"属性が設定された要素など、ユーザーがテキストを入力する可能性のある要素に特に有効です。

システムエンジニアを目指す方にとって、このプロパティはユーザーインターフェースのユーザビリティを向上させる上で重要です。例えば、ユーザーが自由に入力するテキストフィールドではスペルチェックを有効にして入力ミスを減らし、逆にプログラムコードや特定の識別子など、スペルチェックが誤解を招く可能性がある入力欄では無効にすることで、より良いユーザーエクスペリエンスを提供できます。全てのHTML要素に適用可能なグローバル属性であるため、幅広い場面で柔軟に利用できるのが特徴です。

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

構文(syntax)

1<textarea spellcheck="true"></textarea>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ