#
“type”属性について
“type”属性は“input”要素で表される入力欄の種類を指定します。
“type”属性の値によって“input”要素の見た目や操作方法、フォームで送信できる入力値が大きく異なります。
“type”属性を省略した場合や指定した値にブラウザが対応していない場合は単純なテキスト入力欄を表す“type="text"”として扱われます。
#
指定できる値
“type”属性の値 | 説明 | サンプル |
---|---|---|
hidden | 非表示の送信されるデータ | |
text | 1行のテキスト入力欄 | |
search | 検索テキストの入力欄 | |
tel | 電話番号の入力欄 | |
url | URLの入力欄 | |
メールアドレスの入力欄 | ||
password | パスワードの入力欄 | |
date | 日付の入力欄 | |
month | 月の入力欄 | |
week | 週の入力欄 | |
time | 時刻の入力欄 | |
datetime-local | 日時の入力欄 | |
number | 数値の入力欄 | |
range | 大まかな数値の入力欄 | |
color | 色の入力欄 | |
checkbox | チェックボックス | |
radio | ラジオボタン | |
file | ファイルの送信欄 | |
submit | 送信ボタン | |
image | 画像の送信ボタン | |
reset | リセットボタン | |
button | 汎用的なボタン |
#