autocapitalize
autocapitalize グローバル属性は列挙型の属性で、ユーザーによって入力／編集されたとき、入力文字列の先頭大文字化が自動的に行われるかどうか、どのように行われるかを制御します。これは次のものに関連します。
<input> および <textarea> 要素
contenteditable が設定されたあらゆる要素。
autocapitalize は、物理キーボードで入力する場合の動作には影響しません。モバイル端末の仮想キーボードや音声入力など、その他の入力メカニズムの動作に影響します。これにより、例えば各文の最初の文字を自動的に大文字にするなど、データ入力がより迅速かつ容易になり、ユーザーを支援することができます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 43 | 79 | 111 | | 43 | 5 | |
| DOM API | ||||||
| autocapitalize は HTMLElement インターフェイスのプロパティで、ユーザー入力に対する要素の大文字化動作を表します。すべての HTML 要素で利用可能ですが、すべての要素に影響するわけでははなく、次の要素でに影響します。 | 66 | 79 | 111 | | 66 | 10.3 |
注釈 3件
制限事項
- このブラウザでは部分的にしか実装されていません
削除済み
- このバージョンで機能が削除されました (66)
実装メモ
- HTMLInputElement` と `HTMLTextAreaElement` でのみサポートされる。
注釈 3件
制限事項
- このブラウザでは部分的にしか実装されていません
削除済み
- このバージョンで機能が削除されました (66)
実装メモ
- HTMLInputElement` と `HTMLTextAreaElement` でのみサポートされる。
注釈 3件
制限事項
- このブラウザでは部分的にしか実装されていません
削除済み
- このバージョンで機能が削除されました (10.3)
実装メモ
- HTMLFormElement`, `HTMLInputElement`, `HTMLTextAreaElement` でのみサポートされる。
基本構文
HTML
<input type="text" autocapitalize="words" placeholder="名前">
<input type="text" autocapitalize="none" placeholder="ユーザーID">
<textarea autocapitalize="sentences"></textarea>ライブデモ
Contact form input
Use different autocapitalize modes for names, messages, and reference codes.
プレビュー全画面表示
Prose versus codes
Turn autocapitalize off for handles or codes while keeping it on for natural language.
プレビュー全画面表示
実務での使いどころ
-
autocapitalize の活用
autocapitalize グローバル属性は列挙型の属性で、ユーザーによって入力／編集されたとき、入力文字列の先頭大文字化が自動的に行われるかどうか、どのように行われるかを制御します。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。