码迷,mamicode.com
首页 > Web开发 > 详细

HTML 5 表单

时间:2016-05-15 20:06:45      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:标签   电话   元素   

================================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>



本文出自 “11552329” 博客,谢绝转载!

HTML 5 表单

标签:标签   电话   元素   

原文地址:http://11562329.blog.51cto.com/11552329/1773558

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!