网站地图
  • 网站首页
  • 模板下载
  • 建站心得
  • 站长百科
  • 素材风暴
  • 源码时代
  • 源码入门
  • HTML5表单元素-HTML5新的表单元素-HTML5datalist元素

    发布时间: 2022-03-27 16:04首页:蜡笔源码 > 建站心得 > HTML教程 > 阅读()

    HTML5 表单元素

    HTML5 新的表单元素

    HTML5 有以下新的表单元素:

    • <datalist>
    • <keygen>
    • <output>

    注意:不是所有些浏览器都支持HTML5 新的表单元素,但你可以在用它们,即便浏览器不支持表单属性,仍然可以显示为常规的表单元素。

    HTML5 <datalist> 元素

    <datalist> 元素规定输入域的选项列表。

    <datalist>属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:

    用 <input> 元素的列表属性与 <datalist> 元素绑定.

    实例

    <input> 元素用<datalist>预概念值:

    <input list="browsers"> <datalist id="browsers"><option value="Internet Explorer"><option value="Firefox"><option value="Chrome"><option value="Opera"><option value="Safari"></datalist>


    试试看看 »


    HTML5 <keygen> 元素

    <keygen> 元素有哪些用途是提供一种验证用户的靠谱办法。

    <keygen>标签规定用于表单的密钥对生成器字段。

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

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

    实例

    带有keygen字段的表单:

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


    试试看看 »


    HTML5 <output> 元素

    <output>元素用于不相同种类型的输出,譬如计算或脚本输出:

    实例

    将计算结果显示在 <output> 元素:

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


    试试看看 »


    HTML5 新表单元素

    标签描述<datalist><input>标签概念选项列表。请与 input 元素配合用该元素,来概念 input 可能的值。<keygen><keygen> 标签规定用于表单的密钥对生成器字段。<output><output> 标签概念不相同种类型的输出,譬如脚本的输出。

    特别声明:文章内容仅供参考,不造成任何投资建议。投资者据此操作,风险自担。

    网站首页 - 模板下载 - 建站心得 - 站长百科 - 素材风暴 - 源码时代 - 源码入门

    未经本站书面特别授权,请勿转载或建立镜像

    Copyright © 2002-2021 蜡笔源码 (http://www.028djc.com) 网站地图 TAG标签