<input>

  <input> 代表一个类型的数据字段,通常与表单控件 <form>结合,允许用户编辑数据。

  <input> 可用属性有:accept, alt, autocomplete, autofocus, checked, dirname, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height, inputmode, list, max, maxlength, min, minlength, multiple, name, pattern, placeholder, readonly, required, size, src, step, type, value, width

  accept 规定可选择的文件类型。

  alt 填写当图像不可用时使用的替换文字。

  autocomplete 存在则表示启用自动完成功能。

  autofocus 存在则表示加载页面时自动聚焦表单控件。

  checked 存在则表示标签加载时自动选中。

  dirname 表单提交时同时提交文本方向。

 HTML 
<form action="addcomment.cgi" method=post>
	<p><label>Comment: <input type=text name="comment" dirname="comment.dir" required></label></p>
	<p><button name="mode" type=submit value="add">Post Comment</button></p>
</form>

  如上的例子中,如果输入“Hello”,则提交的内容类似这样:

comment=Hello&comment.dir=ltr&mode=add

  而如果用户手动切换到从右到左输入“مرحبا”,侧提交内容类似这样:

comment=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7&comment.dir=rtl&mode=add

  dirname 的值必须是 name.dir

  disabled 存在则表示禁用控件。

  form 填写要关联的表单。

  formaction 指定在提交表单时向何处发送表单数据。用于覆盖 <form>action 属性。

  formenctype 指定在将表单数据发送到服务器之前应如何对其进行编码。用于覆盖 <form>enctype 属性。可用值:application/x-www-form-urlencoded, multipart/form-data, text/plain。。

  formmethod 指定如何发送表单数据。用于覆盖 <form>method 属性。可用值:get, post。。

  formnovalidate 存在则表示不验证填写内容。

  formtarget 指定在提交表单后显示响应的位置。用于覆盖 <form>target 属性。可用值与 <a>target 相同。

  height 填写高度。

  inputmode 待补充……

  list 配合 <datalist> 使用,呈现建议用户输入的内容。

  max 填写最大值。

  maxlength 填写最大长度,可用于输入字符的类型。

  min 填写最小值。

  minlength 填写最小长度,可用于输入字符的类型。

  multiple 存在则表示允许多个值。

  name 填写名称。

  pattern 正则表达式规定可填写值。

  placeholder 控件没有值时出现的提示。

  readonly 存在则表示只读。

  required 存在则表示此项为必需的。

  size 指定控件的大小。

  src 填写资源的链接。

  step 填写步长。

  type 控件类型。可用值有:hidden, text, search, tel, url, email, password, date, month, week, time, datetime-local, number, range, color, checkbox, radio, file, submit, image, reset, button

关键词 描述 数据类型 控制类型
hidden 隐藏 任意字符串 n/a
text 文本 没有换行符的文本 文本字段或组合框
tel 电话 没有换行符的文本 文本字段或组合框
url 网址 绝对网址 文本字段或组合框
email 电子邮件 电子邮件地址或电子邮件地址列表 文本字段或组合框
password 密码 没有换行符的文本(敏感信息) 隐藏数据输入的文本字段
date 日期 没有时区的日期(年,月,日) 日期控制
month 由不包含时区的年份和月份组成的日期 一个月控制
week 由不包含时区的周年编号和周编号组成的日期 一周控制
time 时间 没有时区的时间(小时,分钟,秒,小数秒) 时间控制
datetime-local 本地日期和时间 没有时区偏移信息的本地日期和时间(年,月,日,小时,分钟,秒,分秒) 本地日期和时间控件
number 数值 文本字段或组合框或微调控件
range 范围 一个数值,具有额外的语义,确切的值不重要 滑块控件或类似
color 颜色 具有8位红色,绿色和蓝色分量的 sRGB颜色 颜色井
checkbox 复选框 来自预定义列表的一组零个或多个值 复选框
radio 单选按钮 枚举值 单选按钮
file 上传文件 零个或多个文件,每个文件具有 MIME 类型和可选的文件名 标签和按钮
submit 提交按钮 枚举值,具有额外的语义,它必须是选择的最后一个值,并启动 表单提交 一个按钮
image 图像按钮 相对于特定图像大小的坐标,具有额外的语义,它必须是所选择的最后一个值,并启动 表单提交 可点击图片或按钮
reset 复位按钮 n/a 一个按钮
button 按钮 n/a 一个按钮

  value 填写控件的值。

  width 填写宽度。