タグ

inputに関するsayanakaのブックマーク (2)

  • スマートフォンで数字キーボードに変更する(2015/01版) - Qiita

    ※サーバサイド/JavaScriptで切り替える想定 type="number"はブラウザ・バージョンごとに挙動が違う 数字を入力する項目にはtype="number"を使えばよさそうですがiOSで問題があります。 iOS6以下では数字ではなく数値の属性として使用するよう設計されてるようです。 ●iOS5以下 1000を入力する ⇒ カンマが入った1,000になる (pattern="\d" を設定することで回避可能?) ●iOS6以下 0123を入力する ⇒ 先頭の0が削られた123になる これでは郵便番号の入力には使えません。 (type="tel"は来の対象と違いますし、ブラウザ側の仕様が変わる可能性があるので使いません) iOS7のバージョンシェアが90%に達したとはいえ、iOS6以下が10%もあるならば対応したいところです。 pattern="\d*"で数字キーボード以外に切り

    スマートフォンで数字キーボードに変更する(2015/01版) - Qiita
  • <input>-HTML5タグリファレンス

    <input>タグは、フォーム(<form>~</form>)を構成する様々な入力部品を作成する際に使用します。 ■フォーム部品の種類を指定するtype属性 type属性は、フォーム部品の種類を指定する際に使用します。 <input>要素は、type属性にどのような値を指定するかによって、 一行テキストボックス・チェックボックス・ラジオボタン・送信ボタン・リセットボタン等、 フォーム部品の種類を指定し分けることができます。 type属性の初期値は、type="text"(一行テキストボックス)です。 ■type属性の値 type="hidden" 画面上は表示されない隠しデータを指定する type="text" 一行テキストボックスを作成する(初期値) type="search" 検索テキストの入力欄を作成する type="tel" 電話番号の入力欄を作成する type="url" URL

  • 1