html <input> 标签 设置了 用户 可以在其中输入数据的输入字段
<input> 元素在 <form> 元素中使用,用来声明允许 用户 输入数据的 input 控件
输入字段可通过多种方式改变,取决于 type 属性
<input> 元素是空的,它只包含 标签 属性
可以使用?<label>?元素来定义 <input> 元素的标注
属性
@H_ 403 _13@
属性
值
描述
accept
au dio / *
video/ *
image/ *
MIME_type
设置通过 文件 上传 来提交的 文件 的类型,只针对type="file"
align
left
right
top
middle
b ott om
html5 已废弃,不赞成使用
设置图像输入的对齐方式,只针对 type="image"
alt
text
定义图像输入的替代文本,只针对type="image"
autocomplete
on
off
autocomplete 属性 设置 <input> 元素输入字段是否应该启用 自动 完成 功能
autofocus
autofocus
属性 设置当 页面 加载时 <input> 元素应该 自动 获得焦点
checked
checked
checked 属性 设置在 页面 加载时应该被预先选定的 <input> 元素。 (只针对 type="check Box " 或者 type="ra dio ")
dis abled
dis abled
dis abled 属性 设置应该禁用的 <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")
formn oval idate
formn oval idate
formn oval idate 属性 覆盖 <form> 元素的 n oval idate 属性
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
name 属性 设置 <input> 元素的 名称
pattern
regexp
pattern 属性 设置用于验证 <input> 元素的值的正则表达式
placeholder
text
placeholder 属性 设置可描述输入 <input> 字段预期值的简短的 提示 信息
readonly
readonly
readonly 属性 设置输入字段是只读的
required
required
属性 设置必需在提交表单之前填写输入字段
size
number
size 属性 设置以字符数计的 <input> 元素的可见宽度
src
URL
src 属性 设置 显示 为提交按钮的图像的 URL
只针对 type="image"
step
number
step 属性 设置 <input> 元素的合法数字间隔
type
button
check Box
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
ra dio
range
reset
search
submit
tel
text
time
url
week
type 属性 设置要 显示 的 <input> 元素的类型
value
text
指定 <input> 元素 value 的值
width
pixels
width 属性 设置 <input> 元素的宽度
只针对 type="image"
范例
一个 简单的 HTML 表单,包含两个文本输入框和 一个 提交按钮
<form?action="/dy/html/getpost"> ????F irs t?name:?<input?type="text"?name="fname"><br> ????Last?name:? ????<input?type="text"?name="lname"><br> ????<input?type="submit"?value="提交"> </form>
HTML 4.01 与 HTML5之 间的 差异
HTML 4.01 中,"align" 属性 已经不再使用
HTML5 中 不支持 该 属性 ,可以使用 css 来定义 <input> 元素的对齐方式
HTML5 中,<input> 添加 了几个 属性 ,并且 添加 了对应的值
HTML 与 XHTML 之 间的 差异
HTML 中,<input> 标签 没有结束 标签
XHTML 中,<input> 标签 必须被正确地 关闭
全局 属性
<input> 标签 支持 全局 属性 ,查看完整 属性 表?HTML全局 属性
事件 属性
<input> 标签 支持 所有? HTML事件 属性
HTML <ins> 标签 ? ?HTML <img> 标签