例
HTML表单有三个输入字段; 两个文本框,一个提交按钮:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
试一试» 定义和用法
在<input>标记指定的输入字段,用户可以输入数据。
<input>元素是一个内部使用<form>元素来声明输入控件,允许用户输入数据。
输入域可以以许多方式变化,这取决于该type属性。
浏览器支持
元件 | |||||
---|---|---|---|---|---|
<input> | 是 | 是 | 是 | 是 | 是 |
提示和注意
注: <input>元素是空的,它仅包含属性。
提示:使用<label>元素来定义标签<input>元素。
HTML 4.01和HTML5之间的差异
在"align"属性不是HTML5的支持。
在HTML5中, <input>标记有几个新的属性和type属性有几个新的值。
HTML和XHTML之间的差异
在HTML中<input>标签没有结束标签。
在XHTML中<input>标签必须正确关闭,这样<input />
属性
=新的HTML5。
属性 | 值 | 描述 |
---|---|---|
accept | file_extension audio/* video/* image/* media_type | 指定类型的服务器接受的文件(仅适用于type="file" ) |
align | left right top middle bottom | 在HTML5不支持。 指定输入的图像的对齐(仅适用于type="image" ) |
alt | text | 指定图像的替代文本(仅适用于type="image" ) |
autocomplete | on off | 指定是否<input>元素应该启用自动完成 |
autofocus | autofocus | 指定一个<input>元素应该自动获得焦点的页面加载时 |
checked | checked | 指定一个<input>元素,应预先选定的页面加载时(对于type="checkbox"或type="radio" ) |
dirname | inputname.dir | 指定文字方向将提交 |
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 | 指定表单数据应该如何编码的将它提交给服务器时(对于type="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事件属性 。
相关页面
HTML教程: HTML表单
HTML DOM参考:
- 输入按钮对象
- 输入复选框对象
- 输入彩色目标
- 输入Date对象
- 输入DateTime对象
- 输入DatetimeLocal对象
- 输入Email对象
- 输入FileUpload对象
- 输入隐藏的对象
- 输入图像对象
- 输入月份对象
- 输入Number对象
- 输入密码对象
- 输入范围对象
- 输入电台对象
- 输入reset对象
- 输入搜索对象
- 输入提交对象
- 输入文本对象
- 输入时间对象
- 输入URL对象
- 输入周对象
默认设置CSS
没有。