自 H5 诞生以来，在 html4.0 中有些元素已被 H5 废除，然而在 H5 中增加了很多新元素以及性能，明天咱们学习 H5 中新增的元素和属性都有哪些？

新增语义构造标签

标签形容
<article>定义页面独立的内容区域。
<aside>定义页面的侧边栏内容。
<bdi>容许您设置一段文本，使其脱离其父元素的文本方向设置。
<command>定义命令按钮，比方单选按钮、复选框或按钮
<details>用于形容文档或文档某个局部的细节
<dialog>定义对话框，比方提示框
<summary>标签蕴含 details 元素的题目
<figure>规定独立的流内容（图像、图表、照片、代码等等）。
<figcaption>定义 <figure> 元素的题目
<footer>定义 section 或 document 的页脚。
<header>定义了文档的头部区域
<mark>定义带有记号的文本。
<meter>定义度量衡。仅用于已知最大和最小值的度量。
<nav>定义导航链接的局部。
<progress>定义任何类型的工作的进度。
<ruby>定义 ruby 正文（中文注音或字符）。
<rt>定义字符（中文注音或字符）的解释或发音。
<rp>在 ruby 正文中应用，定义不反对 ruby 元素的浏览器所显示的内容。
<section>定义文档中的节（section、区段）。
<time>定义日期或工夫。
<wbr>规定在文本中的何处适宜增加换行符。

新增标签应用时依据形容内容，在适当的中央应用新标签，利用的时候和其余标签是一样的，H5 新增标签使得网页构造更清晰明了，倡议大家应用新增元素。

新增表单元素

标签形容
<datalist><input>标签定义选项列表。请与 input 元素配合应用该元素，来定义 input 可能的值。
<keygen><keygen> 标签规定用于表单的密钥对生成器字段。
<output><output> 标签定义不同类型的输入，比方脚本的输入。

<datalist>属性规定form或input域应该领有主动实现性能，当input聚焦时，浏览器应该在域中显示填写的选项。

应用 input 元素与 datalist 元素绑定，应用时如下：

<form action=""> <input type="text" list="schooltype"> <datalist id="schooltype">  <option value="欧亚驾校">欧亚驾校</option>  <option value="鹏程驾校">鹏程驾校</option>  <option value="学车网">学车网</option> </datalist>    </form>

<keygen>元素用于提供用户验证的办法，表单提交时，keygen生成表单密钥对，一个是公钥，一个是私钥，私钥存储在客户端，公钥通过带有keygen字段的表单发送给服务器。目前已被H5废除，咱们作为理解就好。

应用实例如下：

<form action=""> 用户名<input type="text" name="user" /><br> 明码<input type="password" name="se"> <br> 加密<keygen name="security"><br> <input type="submit" value="提交"></form>

<output>元素用于不同类型的输入，对输入后果的展现，如对两个数值相加，并展现后果，代码如下：

<form action="" oninput = "x.value=parseInt(a.value)+parseInt(b.value)"> <input type="range" id="a" step="1" min="0" max="100"> +  <input type="text" id="b" value="50">= <output name="x" ></output> </form>

上述form处增加oninput事件，对数值parseInt进行取整运算。

新增表单属性

H5中新增表单属性指 form 和 input 元素新增属性。

form新属性及意义

  • autocomplete ：规定form域主动实现性能。
  • novalidate ：规定提交表单时是否验证域。
  • input新增类型和属性
新的输出类型新的输出属性
colorautocomplete
dateautofocus
datetimeform
datetime-localformaction
emailformenctype
monthformmethod
numberformnovalidate
rangeformtarget
searchheight 和 width
tellist
timemin 和 max
urlmultiple
weekpattern (regexp)
placeholder
required
step

input 和 form 的 autocomplete属性

属性规定 form 或 input 在以后域下领有主动实现性能，艰深地讲就是元素聚焦时，会主动展现之前输出过的内容，内容是依据以后域名下之前应用过的数据。示例如下：

<form action="demo_form.asp" method="get" autocomplete="on"> First name: <input type="text" name="fname" /><br /> Last name: <input type="text" name="lname" /><br /> E-mail: <input type="email" name="email" autocomplete="on" /><br /> <input type="submit" /></form>

页面上显示如图：

HTML5(一)——新增元素和属性

表单重写属性：

  • formaction - 重写表单的 action 属性
  • formenctype - 重写表单 enctype 属性
  • formmethod - 重写表单 method 属性
  • formnovalidate - 重写表单 novalidate 属性
  • formtarget - 重写表单的 target 属性

min、max、step属性

三者用于对数字、日期类型输入框的限度和束缚。

  • min - 规定容许设置的最小值。
  • max - 规定容许设置的最大值。
  • step - 规定非法的数字距离。

应用示例，请参照上output处的实例。

multipel属性：规定输出域中可抉择多个值。实用于 email 和 file 两种类型。

pattern属性：验证input域的模式。模式pattern是正则表达式，实用于text、search、url、email、password。

破除的标签

以下是一些在H5中已废除的元素。

acronym、applet、basefont、big、center、dir、font、frame、frameset、noframes、strike、tt。