主页 > 知识库 > HTML5 的新的表单元素(datalist/keygen/output)使用介绍

HTML5 的新的表单元素(datalist/keygen/output)使用介绍

热门标签:临海地图标注app 400开头的电话好申请不 小朱地图标注 百度地图标注为什么总是封号 地图标注柱状图 怎么做百度地图标注 四川移动电销外呼客户管理系统 智能芯电话机器人 咸阳稳定外呼系统软件

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

标签:平顶山 黄石 南平 山南 平凉 黄石 陕西 公主岭

巨人网络通讯声明:本文标题《HTML5 的新的表单元素(datalist/keygen/output)使用介绍》,本文关键词  HTML5,的,新的,表单,元素,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《HTML5 的新的表单元素(datalist/keygen/output)使用介绍》相关的同类信息!
  • 本页收集关于HTML5 的新的表单元素(datalist/keygen/output)使用介绍的相关信息资讯供网民参考!
  • 推荐文章