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

    不是所有的浏览器都支持HTML5新的表单元素,但是可以使用他们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素

    datalist

      规定输入域的选项列表

    //input的list属性值就是datalist的id
    <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>

    运行结果:

    Keygen

      提供一种验证用户的可靠方法

      规定用于表单的密钥对生成器字段

      当提交表单是,会生成两个键,一个私钥,一个公钥

      私钥存储与客户端,公钥则被发送到服务器。公钥可用于之后验证用户的客户端证书

    <form action="demo_keygen.asp" method="get">
        用户名: <input type="text" name="usr_name">
        加密: <keygen name="security">
        <input type="submit">
    </form>

    output

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

    <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
        <input type="range" id="a" value="50">100 +
        <input type="number" id="b" value="50">=
        <output name="x" for="a b"></output>
    </form>

    运行结果:

  • 相关阅读:
    Source Insight技巧收集
    宝贝,祝你生日快乐!
    【转载】C++中的extern C
    Meego
    source insight增加新类型方法
    点操作符和箭头操作符的异同
    【转载】mtk编译命令
    margin和padding的用法与区别以及bug处理方式
    js数组
    随机验证码,颜色同时刷新
  • 原文地址:https://www.cnblogs.com/xiaonangua/p/formelement.html
Copyright © 2011-2022 走看看