input要素
input要素は、通常はユーザーが編集可能なデータフィールドを配置するための要素です。
type属性に指定された値により表現するデータの内容は異なります。
input要素のtype属性に指定できるのは以下の値です。指定がない場合はtextの値が採用されます。
| 値 | データ・タイプ |
|---|---|
| hidden | 任意のテキスト |
| text | 改行を含まないテキスト |
| search | 改行を含まないテキスト |
| tel | 改行を含まないテキスト |
| url | 絶対URL |
| メールアドレス(複数指定可能) | |
| password | 改行を含まないテキスト(重要な情報) |
| date | 日付(年,月,日) |
| time | 時間(時間,分,秒,ミリ秒) |
| number | 数値 |
| range | 数値(厳密な値は重要ではない値) |
| color | 色に関する指定(8bitのsRGB) |
| checkbox | 予め定められたリスの中の0個以上の値 |
| radio | 列挙された値 |
| file | ０個以上のファイル |
| submit | 列挙された値、フォーム送信の機能もある |
| image | 画像の座標、フォーム送信の機能もある |
| reset | – |
| button | – |
また指定されたtype属性の値により利用できる属性が異なります。
| hidden | text serach |
url tel |
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日