• 技术文章 >web前端 >H5教程

    HTML5 的新的表单元素(datalist/keygen/output)使用介绍_html5教程技巧

    2016-05-16 15:49:08原创1551

    HTML5 拥有若干涉及表单的元素和属性。

    本章介绍以下新的表单元素:

    •datalist
    •keygen
    •output

    浏览器支持

    Input type IE Firefox Opera Chrome Safari
    datalist No No 9.5 No No
    keygen No No 10.5 3.0 No
    output No No 9.5 No No

    datalist 元素

    datalist 元素规定输入域的选项列表。
    列表是通过 datalist 内的 option 元素创建的。
    如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id:

    实例

    复制代码
    代码如下:

    Webpage:



    亲自试一试

    提示:option 元素永远都要设置 value 属性。

    keygen 元素

    keygen 元素的作用是提供一种验证用户的可靠方法。
    keygen 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。

    私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。

    目前,浏览器对此元素的糟糕的支持度不足以使其成为一种有用的安全标准。
    实例

    复制代码
    代码如下:


    Username:
    Encryption:



    亲自试一试

    output 元素

    output 元素用于不同类型的输出,比如计算或脚本输出:
    实例

    复制代码
    代码如下:


    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML5 表单元素
    上一篇:通过Canvas及File API缩放并上传图片完整示例_html5教程技巧 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • H5你真的了解吗?(绝对干货)• 中期来看,如果基于 HTML5 的应用和游戏大量涌现,iOS 相对于 Android 的应用优势将会大幅削弱?苹果有何应对措施?• 在HTML5 Canvas中放入图片和保存为图片的方法_html5教程技巧• 利用简洁的图片预加载组件提升html5移动页面的用户体验 _html5教程技巧• 腾讯技术干货!做一个让人闻风丧胆的HTML5页面
    1/1

    PHP中文网