spellcheck
spellcheck グローバル属性は列挙型属性で、要素でスペルミスのチェックを行うかを定義します。
メモ: この属性は単にブラウザーのためのヒントです。ブラウザーはスペルミスを調べることを要求されているわけではありません。通常、編集不可能な要素は、たとえ spellcheck 属性が true に設定され、ブラウザーがスペルチェックに対応していても、スペルチェックは行われません。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 9 | 12 | 2 | 5.1 | 47 | 9.3 | |
| DOM API | ||||||
| spellcheck は HTMLElement インターフェイスのプロパティで、スペルチェックのヒントを制御する論理値を表します。すべての HTML 要素で利用できますが、すべての要素に影響するわけではありません。 | 9 | 12 | 2 | 5.1 | 18 | 5 |
注釈 3件
制限事項
- このブラウザでは部分的にしか実装されていません
削除済み
- このバージョンで機能が削除されました (47)
実装メモ
- <textarea>`でのみサポートされる。
注釈 2件
削除済み
- このバージョンで機能が削除されました (9.3)
実装メモ
- <textarea>`でのみサポートされる。
基本構文
HTML
<!-- enable spellcheck --> <textarea spellcheck="true">Enter text...</textarea> <!-- disable spellcheck for code input --> <input type="text" spellcheck="false" placeholder="enter code">ライブデモ
Prose versus codes
Enable spellcheck for natural language and disable it for identifiers or part numbers.
プレビュー全画面表示
Editable surfaces
Compare spellcheck behavior in contenteditable regions with different purposes.
プレビュー全画面表示
実務での使いどころ
-
spellcheck の活用
spellcheck グローバル属性は列挙型属性で、要素でスペルミスのチェックを行うかを定義します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。