rainingHTMLで入力フォームを作成する場合、inputタグに「type=”text”」や「type=”password”」など入力項目にあったtype属性を指定して作成します。スマホ(スマートフォン)やタブレットでフォームの入力を行う際に入力キーボードの切り替えなど、意外と大変な場合があります。HTML5で追加されたinputタグのtype属性を使用するとtype属性によって入力モードを自動的に切り替えることができます。数字のみ入力を行う場合などは数字入力用のキーボードが表示された方が、ユーザーにとって使いやすいものになります。下記にinputタグのtype属性を変更して、スマホやタブレットでのフォームの入力モードを切り替えた時のメモを記載します。スマホ入力モード切り替え※画像はiPhoneで撮影しています。/>通常のテキスト入力用のキーボードが表示されます。/>パスワード入力用のキーボードが表示され、文字は伏字になります。/>キーボードにアットマーク「@」、ドット「.」が表示されます。/>電話番号入力用のテンキー表示されます。/>キーボードに「.com」、ドット「.」、スラッシュ「/」が表示されます。/>数字・記号入力用のキーボードが表示されます。/>日付入力用の選択キーボードが表示されます。/>日付・時間入力用の選択キーボードが表示されます。※上記以外のtype属性もあります。ユーザーが入力しやすいように自動的に入力モードが切り替われば入力がとても楽になり、快適に操作してもらえるようになると思います。今回はiPhoneでしか確認していないので、Androidなども今度確認してみたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。