【要素】input要素のtype属性
input要素とは
- form要素に含まれるように指定し、入力部分を定義するために使用する。
type要素とは
- 入力部分の種類を指定する。
type属性に指定できる主な値
属性 | 説明 |
---|---|
text |
テキストボックスを定義 |
button | ボタンを定義 |
checkbox | チェックボックスを定義 |
radio | ラジオボタンを定義 |
submit | 送信ボタンを定義 |
hidden | 隠しフィールドを定義 |
file | ファイル選択欄を定義 |
url | URL入力用テキストボックスを定義 |
E-Mailアドレス入力用テキストボックスを定義 | |
tel | 電話番号入力用のテキストボックスを定義 |
search | 検索キーワード入力用のテキストボックスを定義 |
number |
数値選択欄を定義。max属性、min属性を指定することで、 最大値、最小値を指定できる。 |
range | スライダを定義。max属性、min属性を指定することで、
最大値、最小値を指定できる。 |
color | 色の選択欄を定義 |
date | 日時指定用の入力欄を定義する |
time | 時間指定用の入力欄を定義する |
★上記のtype属性に対応していないブラウザで使用するとテキストボックスとして表示される。※type属性の初期値が【text】となっているため。