iOS5/6でHTML5のinput type="number"の挙動が変わる - ただの覚書
HTML5で登場した、input type="number"というInputタグの属性。 スマートフォンのサイトを作る際に、勝手に 数字キーボードを出してくれるので便利とのことで、使っていたが。。。 iOS5以降で仕様が変わり、リクエストが送信される際に ・0始まりの場合、0は消される ex) 00001→1 ・勝手に , がつく ex) 12345678→12,345,678 という余計なことをしてくれるようになった。 さらに、13ケタ以上だと、下1桁が丸められる(09が10になる)といった報告も。。。。 このせいで、郵便番号とかカード番号の入力欄を input type="number"にしていると 動きがおかしくなる。 数量などの本当の数値入力として使っている場合も、リクエストパラメータが数値かどうか [0-9]* のようにチェックしていると、「,」のせいで全部エラーになる。 対策と
HTML［input要素］数値の入力欄を表す - TAG index
各属性の概要は、上記表のリンク先をご覧ください。（input要素のページにリンクしています） どの部品タイプにどの属性を指定できるかは、下記の対応表で確認することができます。 属性と部品タイプの対応表 この部品タイプの特徴 数値を入力するための入力欄です。 （実際の表示例） この部品タイプに対応しているブラウザでは、スピナー（上下ボタン）を使って数値を入力することができます。 このタイプの入力欄は、数量等の入力を想定したものになります。カード番号等の入力には type="text" を使うのが適切です。 数値の書式 入力する数値、およびvalue属性、min属性、max属性の値は、次の書式で記述する必要があります。 浮動小数点数 7、-7、0.7、0.7E-2 負数の数値も入力することができます。（マイナス（ - ）を付けます） 小数点以下の数値も入力することができます。（ピリオド（ .
フォーム関連要素（終） HTML5で仕様になった入力値チェック＋便利な3Tips
【3】type属性に応じた入力値のタイプ制約 日付や時刻、url、email、number、tel、range、colorといった、HTML5から導入された＜input＞要素の新しい入力タイプは、タイプごとに入力できる値に制約があります。各タイプの詳細な説明については、本連載第7回「HTML5でinput要素に追加された新しいタイプ13連発 」をご覧ください。 以下の例は、urlタイプの入力フィールドを用いて、URL以外の文字列を入力した例です。 <!DOCTYPE html> <meta charset=UTF-8> <form> <label for="url">URL:</label> <input type="url" id="url" name="url"> <input type="submit" value="送信"> </form>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn Forms | web.dev
フォーム関連要素（2） HTML5でinput要素に追加された新しいタイプ13連発
