HTML5 的新的表模块素(datalist/keygen/output)应用详细

日期:2021-02-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>

亲身试1试

提醒:option 元素始终都要设定 value 特性。

keygen 元素

keygen 元素的功效是出示1种认证客户的靠谱方式。
keygen 元素是密匙对转化成器(key-pair generator)。当递交表单时,会转化成两个键,1个是私钥,1个公匙。

私钥(private key)储存于顾客端,公匙(public key)则被推送到服务器。公匙能用于以后认证客户的顾客端资格证书(client certificate)。

现阶段,访问器对此元素的不尽人意的适用度不够以使其变成1种有效的安全性规范。
案例

拷贝编码
编码以下:

<form action="demo_form.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>

亲身试1试

output 元素

output 元素用于不一样种类的輸出,例如测算或脚本制作輸出:
案例

拷贝编码
编码以下:

<output id="result" onforminput="resCalc()"></output>