モバイル用にフォームを作る時の input type="number" と type="tel" - CHROMAモバイル用のフォーム作ってた時、電話番号と郵便番号にあてる input 要素の type 属性は何がいいんだろうなーと。 iOS7 の Safari で確認した。 ipnut type="tel" を指定した場合の問題 ハイフン記号を使おうとした場合、キーボードの変更ができない 郵便番号に type="tel" を使うのはセマンティック的にどうなの？という問題 ipnut type="number" を指定した場合の問題 novalidate 属性を form 要素に指定してバリデーションチェックを行わないようにした場合、送信ボタンを押してエラー画面に遷移すると入力した値が消える（これは僕が作業してる環境でのみ起こった問題かもしれない.. ） ハイフン記号がブラウザ標準のバリデーションチェックに引っかかる ハイフン記号、pattern 属性でハイフン使うパターンを登録して上書きできるかと思
