writingsuggestions
The writingsuggestions HTML attribute turns on or off a browser's writing suggestions. Writing suggestions vary by browser. For example, if turned on then a browser might show inline text completions accepted by pressing Tab. It is most useful when native HTML semantics or browser capabilities can replace custom implementation work.
Overview
The writingsuggestions HTML attribute turns on or off a browser's writing suggestions. Writing suggestions vary by browser. For example, if turned on then a browser might show inline text completions accepted by pressing Tab. It is most useful when native HTML semantics or browser capabilities can replace custom implementation work.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 124 | 124 | | 18 | 124 | 18 | |
| DOM API | ||||||
| The writingSuggestions property of the HTMLElement interface is a string indicating if browser-provided writing suggestions should be enabled under the scope of the element or not. | 124 | 124 | | 18 | 124 | 18 |
Syntax
<textarea writingsuggestions="false"
placeholder="コード入力(入力提案オフ)">
</textarea>
<textarea writingsuggestions="true"
placeholder="通常のテキスト入力">
</textarea> Live demo
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.
Use cases
Improve form input
Use writingsuggestions to make data entry more efficient, guided, or predictable inside real forms.
Reduce friction
Apply writingsuggestions when the browser can help users complete a task with fewer mistakes or less repetitive work.
Cautions
- Test writingsuggestions in your target browsers and input environments before depending on it as a primary behavior.
- Provide a fallback path or acceptable degradation strategy when support is still limited.
Accessibility
- Keep labels, instructions, validation, and keyboard behavior clear so the enhancement helps rather than surprises users.
Related links
Powered by web-features