简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:1608 次  日期:2016-07-13 14:06:48

温馨提示:易贤网小编为您整理了“HTML5 的新的表单元素(datalist/keygen/output)使用介绍”,方便广大网友查阅!

HTML5 拥有若干涉及表单的元素和属性,下面为大家介绍下新的表单元素datalist 元素、keygen 元素、output 元素以及它们的使用实例,感兴趣的朋友可以参考下哈,希望对大家有所帮助

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

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

•datalist

•keygen

•output

浏览器支持

Input type IE Firefox Opera Chrome Safari
datalist No No 9.5 No No
keygen No No 10.5 3 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>

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题
下一篇:HTML5标签与HTML4标签的区别示例介绍
易贤网手机网站地址:HTML5 的新的表单元素(datalist/keygen/output)使用介绍
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!