フォーム入力時に適切なキーボードを初期表示するには、inputタグのtype属性を目的に応じて設定する必要がある。

今回はメールアドレス入力欄で英語キーボードを初期表示したいと要望があったが、inputタグのtype属性をtype=”email”に設定すると、androidデバイスでは英語キーボードになるものの、iosデバイスでは日本語キーボードが表示されてしまう。

iosデバイスで英語キーボードを初期表示するにはinputタグのtype属性をtype=”url”に設定する。
※url属性には正規表現によるバリデーション機能があるが、pattern属性を設定しなければ有効にならないので、メールアドレス入力にも使用できる。