writingsuggestions
writingsuggestions はグローバル属性で、列挙型属性であり、ブラウザーが指定した入力補完を要素のスコープで有効にするかどうかを示します。
一部のブラウザーでは、ユーザーが編集可能なフィールドに入力する際に、入力のヒントを表示します。 通常、入力のヒントは、ユーザーの文を完成させるために、テキストカーソルの後に配置されるグレー表示のテキストとして現れます。この機能はユーザーに役立つ場合もありますが、開発者によっては、サイト固有の入力のヒントを表示する場合など、入力のヒントをオフにしたい場合もあるでしょう。
writingsuggestions 属性は、 <input> や <textarea> などの編集可能なフィールド、または他の HTML 要素に設定でき、ページの一部または全体に対するブラウザーの提案の動作を制御できます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 124 | 124 | | 18 | 124 | 18 | |
| DOM API | ||||||
| writingSuggestions は HTMLElement インターフェイスのプロパティで、要素の範囲内でブラウザーが提供する入力候補を有効にするかどうかを示す文字列です。 | 124 | 124 | | 18 | 124 | 18 |
基本構文
<textarea writingsuggestions="false"
placeholder="コード入力（入力提案オフ）">
</textarea>
<textarea writingsuggestions="true"
placeholder="通常のテキスト入力">
</textarea>ライブデモ
Editorial note field
Enable writing suggestions on prose-heavy fields where rephrasing help is useful.
Good versus noisy fields
Show where writing suggestions add value and where they distract from exact input.
Attribute reference
Summarize the common pattern of pairing writing suggestions with spellcheck and autocomplete.
実務での使いどころ
-
writingsuggestions の活用
writingsuggestions はグローバル属性で、列挙型属性であり、ブラウザーが指定した入力補完を要素のスコープで有効にするかどうかを示します。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。