- accept属性
サーバが受付可能なMIMEタイプを指定
- readonly属性
テキストフィールドの入力ができなくなる。(value属性は送信される)
text, password, search, tel, url, email, date, time, number
- disabled属性
入力も選択もできなくなる。(value属性は送信されない)
記述可能なタイプ: text, password, file, checkbox, radio, submit, reset, button, image, search, tel, url, email, date, time, number, range, color
- required属性
項目内に値がない場合にエラー表示される
記述可能なタイプ: text, password, file, checkbox, radio, search, tel, url, email, date, time, number
※Return/Enterするたびに、ここがエラー表示になってしまうのでこのサンプルでは未設定。
- autofocus属性
ページがロードされたタイミングで自動的にフォーカスがあたる
記述可能なタイプ: text, password, file, checkbox, radio, submit, reset, button, image, search, tel, url, email, date, time, number, range, color
※リロードするたびに、ここがフォーカスされてしまうと不都合なのでこのサンプルでは未設定。
- autocomplete属性
事前にセットしておいた値をリスト形式で表示することができる
記述可能なタイプ: text, search, tel, url, email, date, time, number, range, color
E-mail:
- pattern属性
入力値に正規表現を使って制限をかけることができる。
記述可能なタイプ: text, password, search, tel, url, email
フォーマットで指定したパターンと一致しなかった場合はエラー表示
E-mail:※半角英数字
携帯番号: ※半角数字
- step属性
datetimeタイプやnumberタイプのような日付・数字の値を指定する
記述可能なタイプ: datetime, date, month, week, time, datetime-local, number, range
偶数番号:
- placeholder属性
記入例や注意書きなど、あらかじめフィールドに入れておける。IE以外対応
記述可能なタイプ: text, password, search, tel, url, email, number
valueと違って単なる入力見本で、サーバに送信されない。value属性があったら表示はvalueが優先。
CSSで装飾する時 … ::placeholder { ここにCSS }
E-mail:
- form属性
form要素のid名を指定することでform要素の外にマークアップすることができる