SYNCER

SYNCER

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>

デモを開く

デモ

</head><body>までを含めて下さい。

<body> <div id="___body">

</div> <script>...</script> </body> </html>

<style>

</style>

<script>

</script>