input要素

このエントリーをはてなブックマークに追加

input要素は、通常はユーザーが編集可能なデータフィールドを配置するための要素です。

type属性に指定された値により表現するデータの内容は異なります。

input要素のtype属性に指定できるのは以下の値です。指定がない場合はtextの値が採用されます。

データ・タイプ
hidden 任意のテキスト
text 改行を含まないテキスト
search 改行を含まないテキスト
tel 改行を含まないテキスト
url 絶対URL
email メールアドレス(複数指定可能)
password 改行を含まないテキスト(重要な情報)
date 日付(年,月,日)
time 時間(時間,分,秒,ミリ秒)
number 数値
range 数値(厳密な値は重要ではない値)
color 色に関する指定(8bitのsRGB)
checkbox 予め定められたリスの中の0個以上の値
radio 列挙された値
file 0個以上のファイル
submit 列挙された値、フォーム送信の機能もある
image 画像の座標、フォーム送信の機能もある
reset
button

また指定されたtype属性の値により利用できる属性が異なります。

hidden text
serach
url
tel
email password date
time
number range color checkbox
radio
file submit image reset
button
accept属性
alt属性
autocomplete属性
autofocus属性
checked属性
dirname属性
form属性
disabled属性
formaction属性
formenctype属性
formmethod属性
formnovalidate属性
formtarget属性
height属性
inputmode属性
list属性
max属性
maxlength属性
min属性
minlength属性
multiple属性
name属性
pattern属性
placeholder属性
readonly属性
required属性
size属性
src属性
step属性
value属性
width属性

参考URL

4.10.5 The input element - HTML5 - W3C
4.10.5 The input element - HTML5.1 - W3C

登録日 : 2014年08月09日 最終更新日 : 2015年1月8日

同じカテゴリー(フォーム)のエントリー

検索

スポンサードリンク

バージョン

リファレンス