最新的Web开发教程
 

HTML <input> Tag


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
email
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参考:


默认设置CSS

没有。