フォーム入力時に適切なキーボードを初期表示するには、inputタグのtype属性を目的に応じて設定する必要がある。
今回はメールアドレス入力欄で英語キーボードを初期表示したいと要望があったが、inputタグのtype属性をtype=”email”
に設定すると、androidデバイスでは英語キーボードになるものの、iosデバイスでは日本語キーボードが表示されてしまう。
iosデバイスで英語キーボードを初期表示する方法
iosデバイスで英語キーボードを初期表示するにはinputタグのtype属性をtype=”url”
に設定する。
※url属性には正規表現によるバリデーション機能があるが、pattern属性を設定しなければ有効にならないので、メールアドレス入力にも使用できる。