html表单

主要的标签元素及属性

1.<input>：

• type：
  • button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
  • checkbox 定义复选框。
  • file 定义输入字段和 "浏览"按钮，供文件上传。
  • hidden 定义隐藏的输入字段。
  • image 定义图像形式的提交按钮。
  • password 定义密码字段。该字段中的字符被掩码。
  • radio 定义单选按钮。
  • reset 定义重置按钮。重置按钮会清除表单中的所有数据。
  • submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
  • text 定义单行的输入字段，用户可在其中输入文本。
• maxlength：输入字段的字符最大长度
• name：设定了name才能提交表单，服务器识的别名称
• checked，disabled：选中和禁用
• size：字段宽度
• scr：图像形式的按钮的url
• value：input值

对于不同的输入类型，value 属性的用法也不同：

type="button", "reset", "submit" - 定义按钮上的显示的文本
type="text", "password", "hidden" - 定义输入字段的初始值
type="checkbox", "radio", "image" - 定义与输入相关联的值
注释：<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。
注释：value 属性无法与 <input type="file"> 一同使用。

2.<select>：下拉菜单<option>（selected, disabled, value, label）
- disabled：禁用该列表
- multiple：多选
- name：名称
- size：显示的数目

3.<textarea>文本域

• cols和rows规定尺寸，列和行
• readonly只读

4.<button>

• type：button，reset，submit

表单元素常用的输入限制总结

• disabled 规定输入字段应该被禁用。
• max 规定输入字段的最大值。
• maxlength 规定输入字段的最大字符数。
• min 规定输入字段的最小值。
• pattern 规定通过其检查输入值的正则表达式。
• readonly 规定输入字段为只读（无法修改）。
• required 规定输入字段是必需的（必需填写）。
• size 规定输入字段的宽度（以字符计）。
• step 规定输入字段的合法数字间隔。
• value 规定输入字段的默认值。

html5新增的输入类型（input 的type）

• color
• date
• datetime 日期和时间
• datetime-local 无时区的时间日期
• email
• month 年月
• number
• range 滑块控制字段显示
• search
• tel
• time 时间
• url
• week 周和年

HTML5 新增属性（input，form）

HTML5 为 <input> 增加了如下属性：

• autocomplete 自动补齐on/off
• autofocus 自动获得焦点（布尔属性）
• form 此input属于哪个表单，可置于form外
• formaction 覆盖form的action
• formenctype 编码方式
• formmethod 覆盖form的method（get，post）
• formnovalidate 覆盖form元素的 novalidate 波尔属性，用于submit，设置不验证
• formtarget 覆盖form元素的 target，窗口开在何处（布尔属性）
• height 和 width 仅用于 <input type=“image”>设置图片按钮长宽
• list 使用 datalist 设置预定义值的 input 元素
• min 和 max
• multiple 输入一个以上的值（布尔属性）
• pattern (regexp) 检查 元素值的正则表达式
• placeholder 描述输入字段预期值的提示
• required 提交表单之前必须填写输入字段（布尔属性）
• step 元素的合法数字间隔

并为 <form>增加如需属性：

• autocomplete 自动补齐
• novalidate 不验证提交（布尔属性）