zoukankan      html  css  js  c++  java
  • HTML5 总结-表单-表单元素

    HTML5 表单元素

    HTML5 的新的表单元素:

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

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

    • datalist
    • keygen
    • output

    浏览器支持

    Input typeIEFirefoxOperaChromeSafari
    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: <input type="url" list="url_list" name="link" />
    <datalist id="url_list">
    <option label="W3School" value="http://www.W3School.com.cn" />
    <option label="Google" value="http://www.google.com" />
    <option label="Microsoft" value="http://www.microsoft.com" />
    </datalist>
    

    亲自试一试

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

    keygen 元素

    keygen 元素的作用是提供一种验证用户的可靠方法。

    keygen 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。

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

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

    实例

    <form action="demo_form.asp" method="get">
    Username: <input type="text" name="usr_name" />
    Encryption: <keygen name="security" />
    <input type="submit" />
    </form>
    

    亲自试一试

    output 元素

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

    实例

    <output id="result" onforminput="resCalc()"></output>

    亲自试一试

  • 相关阅读:
    iOS 适配iPhoneX上tableHeaderView发生了高度拉伸、UI出现的空白间距
    无线加密WEP、WPA、WPA2及TKIP、AES
    字符替换操作
    jQuery版本升级问题汇总
    ipv6服务器及环境搭建
    git删除某次提交操作
    五种IO模型
    jQuery1.6以上attr改用prop
    线程创建pthread_create用法(转)
    网络字节序与主机字节序
  • 原文地址:https://www.cnblogs.com/GaoAnLee/p/5048450.html
Copyright © 2011-2022 走看看