#
“type="number"”
送信可能な値 | 数値、空文字列 |
妥当性のチェック | 書式の制約あり |
“type="number"”を指定した“input”要素は数値の入力欄を表します。
フォームの送信時には“name”属性の値とともに入力された内容が送信されます。入力値は数値であるかチェックされます。
“step”属性を指定しない場合の入力できる値の間隔は“1”です。
一般的にモバイルブラウザでは入力時に数字入力用のソフトウェアキーボードが表示されます。また、ブラウザによって入力欄に数値を増減させる矢印が表示されます。
対応していないブラウザでは単純なテキスト入力欄(“type="text"”)として扱われます。
サンプルコード
#
属性と値
属性 | 値 | ||
---|---|---|---|
属性 | 説明 | 値 | 説明 |
必須属性 | |||
type="" | 入力欄の種類 | number | 数値の入力欄 |
任意属性 | |||
グローバル属性 | |||
autocomplete="" | ブラウザーによるオートコンプリートの可否 | トークン | オートコンプリートで表示されるべき入力候補の種類 |
on | オートコンプリートを行う | ||
off | オートコンプリートを行わない | ||
disabled="" | 入力欄を無効化 | disabled | 入力欄を無効化 |
form="" | 関連付けるフォーム | ID名 | 関連づける“form”要素の“id”属性の値 |
list="" | 入力値の候補と関連付ける | ID名 | 関連づける“datalist”要素の“id”属性の値 |
max="" | 入力可能な最大値 | 数値 | 入力可能な最大値 |
min="" | 入力可能な最小値 | 数値 | 入力可能な最小値 |
name="" | 入力欄の名前 | 文字列 | 入力欄の名前 |
placeholder="" | 入力欄のプレースホルダー | テキスト | 入力欄のプレースホルダー |
readonly="" | 入力値を編集できなくする | readonly | 入力値を編集できなくする |
required="" | 入力を必須にする | required | 入力を必須にする |
step="" | 入力可能な数値の間隔 | any | どのような値も入力可能(無段階) |
数値 | 入力可能な数値の間隔 | ||
value="" | フォームで送信する値の初期値 | 数値 | 数値 |
#