欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

HTML5 的新的表单位素(datalist/keygen/output)行使先容

发布时间:2016-11-25  编辑:杨雨个人博客网站   点击:   

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>
本文地址:http://itbyc.com/web/html5/13279.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1