spellcheck属性 - スペルチェック
公開日:
spellcheck属性は、この要素の内容をスペルチェックするべきか否か、ユーザーエージェントにヒントを与えるための属性です。
説明
spellcheck属性は、要素内のテキストのスペルチェックを制御するための要素です。入力フォームの要素では、スペルチェックが有効な場合、スペルミスがあると赤い下線が表示されます。
- true
- スペルチェックを有効にする。
- false
- スペルチェックを無効にする。
- 値の指定なし
true
と同じ扱い。
HTML
<!-- スペルチェックが有効 -->
<textarea spellcheck="true"><textarea>
<textarea spellcheck><textarea>
<!-- スペルチェックが無効 -->
<textarea spellcheck="false"><textarea>
一部のブラウザでは、要素の言語が日本語だとスペルチェックが有効になりません。とにかくスペルチェックを有効にしたい、という場合はlang属性で言語を英語にしてみて下さい。
HTML
<!-- 言語を英語にする -->
<textarea spellcheck="true" lang="en-US"><textarea>
サンプルコード
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>【デモ】spellcheck属性 - スペルチェック</title>
<link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Global_attribute/spellcheck/">
<style>
body {
background-color: #fff ;
}
textarea {
width: 280px ;
font-size: 16px ;
}
</style>
</head>
<body>
<p>spellcheck属性は、スペルチェック機能を制御するための属性です。フォーカスするか、文字を追加で入力すれば、スペルチェックが機能します。</p>
<h2>spellcheck=true</h2>
<p><textarea spellcheck="true">aple </textarea></p>
<h2>spellcheck=false</h2>
<p><textarea spellcheck="false">aple </textarea></p>
</body>
</html>