================================HTML 5 表单===============================================


------新增input类型

  

   input标签新增type属性值


        1.search(搜索框)

2.email(邮件地址输入框)

3.url( url地址输入框)

4.tel(电话号码输入框)

5.number(数字输入框)

6.range(滑动条)

7.date(日期选择)

8.month(月份选择)

9.week(周选择)

10.time(时间选择)

11.datetime-local(日期时间)

12.datetime(包含时区)

13.color(颜色选择)


------新增表单元素


1.<datalist> -- 为其他输入控件提供一个预定义的选项列表(输入建议)

<input type="text" list="browers">

<datalist id="browers>

<option value="chorme">

<option value="safare">

<option value="ie">

<option value="firefox">

</datalist>     

2.<keygen> -- 用于客户端访问服务器时的安全验证

  当提交表单时,会生成两个键,一个是私钥,一个是公钥,私钥存储在客户端,公钥则被发送到服务器,公钥可用于之后验证用户的客户端证书。   

    <form action="" method="get">

        用户名<input type="text" name="username">

        密码<keygen name="security"></keygen>

        <input type="submit">

    </form>  


3.<output> -- 结合javaScript,主要用于显示脚本输出


<form oninput="x.value=a.value">

            <input type="range" name="a" value="0">

            <output name="x">0</output>

        </form>