本文目录
HTML5 新增加了哪些表单元素
首先先说一个html5中表单新增的一个功能，在我们之前的html中，表单元素必须放在form元素所包含的里面，在html5中，可以把他们写在页面上的任何一个地方，然后给该元素增加一个form属性，form属性的值为form表单的id，如下：
[html] view plain copy
《form method=“get“ id=“test“》
《input type=“text“ name=“name“/》
《input type=“password“ name=“password“/》
《input type=“submit“ value=“提交“》
《/form》
《input type=“text“ name=“confirm“ form=“test“》
在form元素里面的表单元素可以不用添加form属性，如果你想利用form获取所有表单元素的值，那么在form元素外面的表单元素就必须添加form属性，input、select、textarea等元素都满足该功能。
接下来开始介绍html5新增的表单元素，所有例子均用谷歌浏览器展示。
新增表单元素
email：提交表单的时候验证输入值是否满足email的格式
《input type=“email“ name=“email“/》
url：提交表单的时候验证输入值是否满足url的格式
《input type=“url“ name=“url“/》
number：根据你的设置提供选择数字的功能，其中min为最小值，max为最大值，value为默认值，step为点击箭头时数字的变化量，max、min、step、value均可不写，目前某些浏览器还不支持。
《input type=“number“ name=“number“ min=2 max=100 step=5 value=“15“/》
range：会以一个滑块的形式表现包含一定范围内数字值的输入域，max为最大值，min为最小值，value为默认值，如果没有设置max和min，默认值是1-100
《input type=“range“ name=“range“ min=20 max=200 value=“60“/》
日期和时间类型：
date：选取日、月、年
《input type=“date“ name=“date“/》
month：选取月、年
《input type=“month“ name=“month“/》
week：选取周、年
《input type=“week“ name=“week“/》
time：选取小时、分钟
《input type=“time“ name=“time“/》
datetime：选取时间、日、月、年(UTC时间)（我这里浏览器显示不出效果）
《input type=“datetime“ name=“datetime“/》
datetime-local：选取时间、日、月、年(本地时间)
《input type=“datetime-local“ name=“datetime-local“/》
search：用于搜索域，若加上result=“s“属性，则会在搜索框前面加一个搜索图标（我这里浏览器显示不出效果）
《input type=“search“ name=“search“ result=“s“/》
tel：验证输入的是否是电话号码的格式（我这里浏览器显示不出效果）
《input type=“tel“ name=“tel“ /》
color：color类型会提供颜色拾取器，供用户选择颜色，并将用户选择的颜色填充到此元素中
《input type=“color“ name=“color“/》
新增input属性(部分容易理解的就不进行代码演示了)，后面为支持该属性的元素
autofocus：在打开页面时使元素自动获取焦点 //input,button,select,textarea
placeholder: 在用户输入时进行提示 // input,textarea
form：这篇文章的开头就有这个属性，它用于表明元素属于哪个表单，无论元素的位置在哪里，所属表单都能获取该元素的值 //input,output,button,select,textarea,fieldset
required：表明该元素是必填项，当提交表单的时候会自动验证该元素的内容是否不为空 //input,textarea
max/min/step：限制值的输入范围，以及值的变化程度。上面的新增number元素有介绍。 //input
autocomplete：使form元素或者input元素拥有自动完成功能，既记录用户之前输入的值，关闭为off，默认为on。 //form,input
表单重写属性： //input
formaction:重写表单的action属性
formenctype:重写表单的enctype属性。
enctype属性管理的是表单的MIME编码，MIME就是一种电子邮件传输的互联网标准，表明传递的信息类型和编码，共有三个值可选：
1，application/x-www-form-urlencoded（默认），设置表单传输的编码。
2，multipart/form-data，指定传输数据的特殊类型，主要就是上传的非文本内容，比如文件、图片。
3，text/plain，纯文本传输。
formmethod: 重写表单的method属性
formnovalidate:重写表单的novalidate属性
formtarget：重写表单的target属性。
比如:
[html] view plain copy
《form action=“test.html“ method=“get“ autocomplete=“on“》
姓名: 《input type=“text“ name=“name“ /》《br /》
密码: 《input type=“password“ name=“pwd“ /》《br /》
《input type=“submit“ formnovalidate=“true“ value=“提交未经验证“/》
《/form》
multiple:规定输入字段可选择多个值 //input,select
list：list属性的值为datalist元素的id，datalist元素类似于选择框，在文本框获得焦点的时候以提示输入的方式显示。如下：
[html] view plain copy
姓名：《input type=“text“ name=“name“ list=“name“/》
《datalist id=“name“ 》
《option value=“zhangsan“》张三《/option》
《option value=“lisi“》李四《/option》
《option value-“wanger“》王二《/option》
《/datalist》
pattern:验证input输入域的格式，即正则表达式。
《input type=“text“ name=“name“ pattern=“[A-z0-9]{8}“/》
h5新增表单元素有哪些
新的input的类型有。
email（自动验证email格式）
url（自动验证url格式）
number（只能输入数字）
range（类似音量滑动条）
Date pickers (date, month, week, time, datetime, datetime-local)（自带日期选择）
search（搜索域）
color（颜色选择）
datalist（自动验证内容是否在可选择选项中）
html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言的第五次重大修改。
2014年10月29日， 万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。
HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。
HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。
标准通用标记语言下的一个应用 HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext 。
html5新增的标签有什么
新增的结构标签：
1、header元素
表示页面中一个区块或真个页面的标题。
2、内hgroup元素
表示对真个页面或页面中的容一个内容区块的标题进行组合。
3、article元素
表示页面中一块与上下文不相关的独立内容。比如一篇文章。
4、aside元素
表示article元素内容之外的、与article元素内容相关的辅助信息。
5、footer元素
表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。
HTML5新规则：
新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求（比如 Flash），更优秀的错误处理，更多取代脚本的标记，HTML5 应该独立于设备开发进程应对公众透明 ;
HTML5 新特性：
新的特殊内容元素，比如 article、footer等，新的表单控件，比如 calendar、date、time、email、url、search；用于媒介回放的 video 和 audio 元素；用于绘画的 canvas 元素
对本地离线存储的更好的支持。
HTML5有哪些新的表单属性
表单结构更灵活要提交数据的控件可以布局在form标签之外，看下面的代码，表单元素可以写到form元素之外，只需在元素中加入form=“form1“属性，也可提交到form元素指定的服务器地址新增表单元素我们以前学过的表单元素包括“text”、“button”、“file”、“radio“等，html5中新增加了一些表单元素，下面列出这些元素及其作用email类型用于验证email的格式，当提交表单时会自动验证email域的值url类型用于验证URL地址的格式，当提交表单时会自动验证url域的值number类型会根据你的设置提供选择数字的功能，min属性设置最小值、max属性设置最大值，value属性设置当前值，step属性设定每次增长的值，某些浏览器还不支持range类型用于应该包含一定范围内数字值的输入域，其会以一个滑块的形式展现，min属性设置最小值、max属性设置最大值，value属性设置当前值，如果没有设置，则其默认值的范围是1-100日期和时间类型：HTML5拥有多个可供选取日期和时间的新输入类型：date-选取日、月、年month-选取月、年week-选取周和年time-选取时间（小时和分钟）datetime-选取时间、日、月、年（UTC时间）datetime-local-选取时间、日、月、年（本地时间）search类型用于搜索域，比如站点搜索或Google搜索，为其加上results=“s“属性，则会在搜索框前面加上一个搜索图标tel类型用于验证输入的是否是电话格式的内容，此元素现在还没有浏览器支持color类型会提供一个颜色拾取器，供用户选择颜色，并将用户选择的颜色填充到此元素中案例如下，大家可以将代码拷贝或者自己编写之后，在浏览器中查看效果浏览器的支持情况chrome：firefox：Opera：MicrosoftEdge：好，我们对微软的进步进行表扬！新增表单属性除了新增的表单元素之外，html5中还新增了一些表单属性新的form属性：autocompletenovalidate新的input属性：autocompleteautofocusformformoverrides(formaction,formenctype,formmethod,formnovalidate,formtarget)height和widthlistmin,max和stepmultiplepattern(regexp)placeholderrequired在下面的案例中，我们对一些常用的属性做了解释，大家直接看代码和代码旁边的注释，然后对照浏览器的运行结果就理解其意义了
