新Type
search
検索語
HTML5
<input type='search'>
tel
電話番号
HTML5
<input type='tel'>
url
URL
HTML5
<input type='url'>
メールアドレス
multiple属性を指定するとカンマ区切りで複数指定できる。
HTML5
<input type='email'>
datetime/date/month/week/time/datetime-local
日付と時間
min属性とmax属性で指定できる範囲を決める。
step属性で指定できる最少の単位を指定。
datetime-localタイプはタイムゾーンを持たないので日本向けのサイトで使いやすい。
HTML5
<input type='datetime-local'>
number
数値
step属性で指定できる最少の単位を指定。
HTML5
<input type='number'>
range
数値の範囲
min属性とmax属性で指定できる範囲を決める。
step属性で指定できる最少の単位を指定。
HTML5
<input type='range'>
color
色コード
HTML5
<input type='color'>
[memo]hiddenの特別な値
hiddenタイプのnameを"charset"とすると、フォームがsubmitされた際、valueにはそのフォームのcharsetが入ります。
新共通属性
form
フォーム部品にひもづくform要素を指定する。
HTML5
<form action'/post' id='frm'></form>
<input type='text' form='frm'>
autocomplete
オートコンプリートを有効に
list
サジェストに仕様するdatalist要素のidを指定
readonly
読み取り専用に
pattern
指定可能な値を正規表現で指定
required
必須項目であることを指定。
この属性が指定されている場合、値を空の時はsubmitできなくなる。
placeholder
プレースホルダー
autofocus
ページのロード時にフォーカスを当てる。
min/max
最小値と最大値を指定
step
指定できる値の精度を指定