このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

グローバル属性~“spellcheck”属性HTML5で追加

記事May 1st,2016
July 7th,2020
要素の内容のスペルチェックを行うかどうかを指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

spellcheck”属性について

spellcheck”属性は要素の入力内容のスペルチェックを行うかどうかを指定する属性です。対応しているブラウザはスペルミスのある個所に赤い下線を引きます。

textarea”要素でのスペルチェック

一般的にフォーム関連要素contenteditable”属性が指定された属性など編集可能な要素がスペルチェックの対象となり、編集できない要素は対象となりません。

spellcheck”属性が指定されていない場合は親要素の値が継承され、祖先要素に“spellcheck”属性が指定されていない場合はブラウザやデバイスのデフォルトの設定となります。

指定できる値

属性値 説明
true スペルチェックを行う
false スペルチェックを行わない

空の属性値の場合は“true”となります。

属性値の省略はできません。

サンプルコード

スペルチェックする
<p>
<textarea rows="5" spellcheck="true">
Text wratten in this area will be spell-checked if your browser supports the spellcheck attribute.
</textarea>
</p>

スペルチェックしない
<p>
<textarea rows="5" spellcheck="false">
Text wratten in this area will be spell-checked if your browser supports the spellcheck attribute.
</textarea>
</p>
スペルチェックする

スペルチェックしない

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク