【HTML】iOSデバイスで入力すると先頭が大文字になる件

iPhoneやiPadのようなiOSデバイスで英語文字入力をする際、先頭の小文字が大文字になってしまう事があります。
小文字しか入力しないinputタグの場合、この機能が煩わしく感じます。

今回はこの機能を止める方法です。

原因

タグに付与するautocapitalize属性が原因です。
この属性は初期状態が有効なので、何も対策を取らないと勝手に変換します。

回避策は２つあります

タグのautocapitalize属性を無効にする事で自動変換を止める事ができます。

<input type="text" autocapitalize="off">

See the Pen GRoXQYN by shibainu (@websandbag) on CodePen.

HTML5では、type属性に指定できるタイプが増えました。

この中で、autocapitalize属性が初期状態で無効なtype属性は次の通りです。

この属性に関しては、先頭が小文字のまま入力できます。