HTML

この記事では、スマートフォンなどの入力キーボードで、文章・単語・文字の先頭を自動的に大文字にするか指定できるautocapitalize属性を初心者向けに説明します。

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> に付ける

いつ便利？

名前・地名など、大文字化ルールを明示したいとき

これで入力時の大文字変換をブラウザ側に任せられ、ユーザー体験を整えられます。