H5中的新增标签

1，html5中增加了一些语义化标签，有见名知意的作用。IE9对语义标签选择性支持，IE9一下的浏览器完全不支持语义标签。

2，html5中新增的语义标签有：

         定义文档的头部区域：<header></header>、定义导航部分：<nav></nav>、主体部分：<main></main>、定义页脚部分：<footer></footer>、定义页面独立的内容区域：<article></article>、定义页面内容之外的内容：<aside></aside>。

3，若要兼容IE8及IE8以下的内容，可使用的方法：

         1>可手动创建语义标签：document.createElement("header");

         2>引入第三方插件（html5shiv.min.js），该文件可以做到IE8的兼容。

4，表单标签type属性语义化值：

         type="email"：email文本框，该框中只能输入邮箱格式，会对输入的值自动校验。

         type="tel"：电话号码文本框，并不会对输入的电话号码进行自动校验，该属性值的目的是能够在移动端打开数字键盘。

         type =”url“：网址文本框，会对输入的值进行验证，只能输入合法的网址。

         type=”number“：数字文本框，只能输入数字（包含小数点），当value=”60“时，其默认值为60，当max=‘’100”，min=“0”时，可输入的范围为0------100。

         type=“search”：更人性化的文本输入框，其后有个差号（”x“），当用户想重新输入时，可点击”x“重新输入。

         type=”range“：范围，课设最大值，最小值和默认值。

         type=”color“：颜色拾取器，可打开颜色拾取器。

         type=”time“：只可输入时分秒。

         type=”date“：只可输入年月日。

         type=”datetime“：大多数浏览器不支持该属性值，只有safari支持。

         type=”datetime-local“：日期和时间。

         type =”month“：月份（年，月）。

         type=”week“：周期（年，周）。

5，新增的表单属性。

       placeholder=”请输入用户名“，提示占位符属性。

       autofocus：自动获取焦点属性。

       autocomplete=”on“：自动完成输入属性，”on“：打开，off：关闭；注意：该属性必须要有name值，且必须提交过。

       required：必须输入校验。

       pattern=“正则表达式”，校验输入的值，输入的内容必须满足正则的要求。

       multiple：该属性的作用，可一次选择多个文件；可输入多个邮箱地址（多个邮箱中间用“，”分隔）。

6， 问题：不包含在<form>标签的表单元素该如何提交？

        答：1>给form标签添加一个id号，例如：id=“myForm”；

               2>给该元素添加 form=“myForm”属性。

7，新增的input表单元素。

      <datalist>创建选择列表。不同的浏览器支持是不一样的，少用。

               <option>创建选项值，该标签可以是单标签，也可以是多标签。属性value：具体值，label：提示信息。

     <progress>:进度条标签（动态），其属性有value默认值，最大值max。

     <meter>:度量器，其属性有high，low，max，min，value。

     如何创建选择列表，即可输入又可选择。

            1>首先创建type=“text”的文本框，指定属性list，其值和datalist标签的id的值一样。

             2>给datalist标签加id号。

注意：如果input输入框的type值是url，option的value值必须是合法的网址。

        <output>:显示输出信息，只显示不能修改。

        <keygen>:秘钥对生成器，是双标签。不怎么用，大多数浏览器不支持该元素。生产共钥和私钥，将私钥和信息进行二次加密，向服务器提交共钥和二次加密，在服务器要进行解密。