グローバル属性~“autocapitalize”属性

“autocapitalize”属性について

“autocapitalize”属性は要素に入力されたテキストの先頭の文字を自動的に大文字化するかどうかを指定する属性です。文字の自動的な大文字化は、例えば“hello.”と入力した時に“Hello.”と入力されるように、先頭の文字を自動的に大文字化してユーザーを補助するための機能です。

この機能はスマートフォンなどのソフトウェアキーボード向けの機能で、物理キーボードでの入力には影響しません。

“input”要素の“type”属性の値が“url”、“email”、“password”の場合は“autocapitalize”属性は無視され、自動的な大文字化は無効になります。

“autocapitalize”属性を指定しない場合はブラウザやデバイスのデフォルトの設定となります。

指定できる値

空の属性値の場合はブラウザやデバイスのデフォルトの設定となります。また、属性値が不正な場合は“sentences”となります。

サンプルコード

自動的な大文字化は行わない
<p><input type="text" autocapitalize="none"></p>
文章の最初の文字を大文字化する
<p><input type="text" autocapitalize="sentences"></p>
単語の最初の文字を大文字化する
<p><input type="text" autocapitalize="words"></p>
すべての文字を大文字化する
<p><input type="text" autocapitalize="charactors"></p>


自動的な大文字化は行わない

文章の最初の文字を大文字化する

単語の最初の文字を大文字化する

すべての文字を大文字化する