HTML5表单详细介绍

HTML5表单详细介绍

1、form标记

method发送数据的方式：post get

action指出发送的目的地：eg：mailto:[email protected]?subject=****

enctype表单发送的编码方式：application/x-www-form-urlencoded（默认）

multipart/form-data（用于上传文件）

text/plain（将表单属性发送到电子信箱时，必须设置成这样，否则乱码）

target指定提交到哪一个窗口：_blank _self _parent _top 框架名称

autocomplete用来设置input组件是否使用自动完成功能：on off（HTML5新增，以下都会用颜色表示相关注释）

novalidate用来设置是否要在发送表单时验证表单：novalidate（HTML5新增，新增且IE不支持，新增且火狐不支持）

2、输入组件

"  size="20" maxlength="10" autofocus="autofocus" readonly/>//文本框长度，文本框字数，只读

<textarea name="s1" cols="20" rows="3" wrap=''virtual“>//文本框的宽度，文本框的行数，文字换行

" name="pw" size="5" />

" name="bday" max="2015-07-20" />

" name="quantity" min="1" max="5" />

" name="searchword" />

" name="colorpicker" value=”#ff0000“ />

//output 元素用于不同类型的输出，比如计算或脚本输出

//提供一种验证用户的可靠方法

小例子1（color与datalist的组合）

小例子2（range的效果）

小例子3（URL与datalist的组合）

Webpage: 

3、列表组件（配合使用）

size="1" multiple="multiple">//显示的行数 是否可以多选

<datalist id="datalistId">（）

4、选择组件

女 //名字要一样name="gender"

看电影

5、按钮组件

6、表单分组

分组标题
分组内容