HTML <input>标签
定义和使用
<input>标签指定一个用户能录入信息的输入域.
<input>元素在<form>元素中用于声明允许用户输入数据的输入控件.
输入字段可以根据类型属性发生变化.
浏览器支持
| 元素 |  |  |  |  |  |
|---|---|---|---|---|---|
| <input> | 支持 | 支持 | 支持 | 支持 | 支持 |
提示和注意
注意:<input>元素是空的,它只包含属性.
提示:使用<label>元素为<input>元素定义标签.
HTML 4.01和HTML5之间的差异
"align"属性在HTML5里不支持.
在HTML5里,<input>标签有几个新属性,并且type属性新增了几个值.
HTML和XHTML之间的差异
在HTML里,<input>标签没有结束标签.
在XHTML里,<input>标签必须要正确的关闭,例如像这样<input />
属性
=HTML新属性
| 属性 | 属性值 | 描述 |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | 指定服务器接受的文件类型(仅用于type=“file”) |
| alt | text | 指定图像的可替换文本(只用于type="image") |
| autocomplete | on off | 指定<input>元素是否应启用自动完成. |
| autofocus | autofocus | 当页面加载时,指定<input>元素自动获取光标. |
| checked | checked | 指定页面加载时应预选<input>元素.(用于type="checkbox"或者type="radio") |
| disabled | disabled | 指定应禁用<input>元素 |
| form | form_id | 指定<input>元素属于一个或多个表单. |
| formaction | URL | 指定提交表单时将处理输入控件的文件的URL(type="submit"和type="image") |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | 指定将表单数据提交到服务器时应如何编码(类型="submit"和type="image") |
| formmethod | get post | 定义HTTP方法,用于将数据发送到指定URL(type="submit"和type="image") |
| formnovalidate | formnovalidate | 定义表单元素在提交时不应被验证. |
| formtarget | _blank _self _parent _top framename | 指定在提交表单后在哪里显示返回的数据(type="submit"和type="image"). |
| height | pixels | 指定<input>元素的高度(仅用于type="image") |
| list | datalist_id | 引用一个<dataList>元素,它包含一个<input>元素的预定义选项. |
| max | number date | 指定<input>元素的最大值. |
| maxlength | number | 指定<input>元素中允许的最大字符数. |
| min | number date | 指定<input>元素的最小值. |
| multiple | multiple | 指定用户可以在<input>元素中输入多个值. |
| name | text | 指定<input>元素的名称 |
| pattern | regexp | 指定用于检查<input>元素的值的正则表达式. |
| placeholder | text | 指定一个简短的提示,该提示描述<input>元素的期望值. |
| readonly | readonly | 指定输入字段是只读的. |
| required | required | 指定必须在提交表单之前填写输入字段. |
| size | number | 指定<input>元素的宽度(以字符为单位). |
| src | URL | 指定要用作提交按钮的图像的URL(仅用于type="image"). |
| step | number | 指定输入字段的间隔数字. |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | 指定<input>元素的类型. |
| value | text | 指定<input>元素的值 |
| width | pixels | 指定<input>元素的宽度(仅用于type="image"). |
全局属性
<input>标签也支持HTML全局属性.
事件属性
<input>标签也支持HTML事件属性.
默认CSS设置
没有.
评论区