HTML
It’s an attribute that lets you specify whether the on-screen keyboard should automatically capitalize characters in a form input field.
autocapitalize 属性
スマホやタブレットのソフトウェアキーボードが、入力中に文字を自動で大文字にするかどうかを指定する属性です。フォーム要素(<input>
や <textarea>
)につけて使います。
off
/ none
- 自動で大文字にしない
on
/ sentences
- 文の先頭だけ大文字にする(既定値)
words
- 各単語の先頭を大文字にする
characters
- 入力するすべての文字を大文字にする
<!-- 新規登録フォームの名前入力欄では
単語ごとに先頭を大文字にしたい -->
<input type="text" name="fullname"
autocapitalize="words">
まとめ
- 何を制御する?
- 仮想キーボードの「自動大文字化」機能
- どこで使う?
- <input> や <textarea> に付ける
- いつ便利?
- 名前・地名など、大文字化ルールを明示したいとき
これで入力時の大文字変換をブラウザ側に任せられ、ユーザー体験を整えられます。