HTML <input> 标签

实例

带有三个输入字段的HTML表单;两个文本字段和一个提交按钮:

<form action="/action_page">
  姓:<br>
  <input type="text" name="lastname" value="zhang"><br>
  名:<br>
  <input type="text" name="firstname" value="san"><br><br>
  <input type="submit" value="提交">
</form>
运行 »

定义和用法

<input> 标签指定用户可以输入数据的输入字段.

<input> 元素在 <form> 元素中用于声明允许用户输入数据的输入控件.

输入字段可以以多种方式变化,具体取决于type属性.


浏览器支持

Element
<input> Yes Yes Yes Yes Yes

提示和注意事项

注意: <input> 元素为空,它仅包含属性.

提示:使用 <label> 元素定义 <input> 元素的标签.


HTML 4.01和HTML5之间的差异

HTML5中不支持"align"属性.

在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 disabled 属性指定应该禁用的 <input> 元素
form form_id form 属性指定 <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
定义发送表单数据到 action URL 的 HTTP 方法 (type="submit" 和 type="image")
formnovalidate formnovalidate 定义在提交时不应验证表单元素
formtarget _blank
_self
_parent
_top
framename
指定在提交表单后显示收到的响应的位置 (type="submit" 和 type="image")
height pixels 指定 <input> 元素的高度 (仅适用于 type="image")
list datalist_id 引用包含<input>元素的预定义选项的<datalist>元素
max number
date
属性指定 <input> 元素的最大值
maxlength number 属性指定 <input> 元素中允许的最大字符数
min number
date
属性指定 <input> 元素的最小值
multiple multiple 属性指定允许用户输入到 <input> 元素的多个值
name text name 属性指定 <input> 元素的名称
pattern regexp 指定一个正则表达式,检查<input>元素的值
placeholder text placeholder 属性指定可描述输入 <input> 字段预期值的简短的提示信息
readonly readonly readonly 属性指定输入字段是只读的
required required 属性指定必需在提交表单之前填写输入字段
size number size 属性指定以字符数计的 <input>
src URL src 属性指定显示为提交按钮的图像的 URL (仅适用于 type="image")
step number 指定输入字段的合法编号间隔
type button
checkbox
color
date
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
step 属性指定 <input> 元素的合法数字间隔
value text 指定 <input> 元素 value 的值
width pixels width 属性指定 <input> 元素的宽度 (仅适用于 type="image")

全局属性

<input> 标记还支持HTML中的 全局属性 .


事件属性

<input> 标记还支持HTML中的 事件属性 .


相关页面

HTML教程: HTML表单

HTML DOM参考:


默认CSS设置

没有.