• 售前

  • 售后

热门帖子
入门百科

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

[复制链接]
123457476 显示全部楼层 发表于 2021-10-25 20:20:08 |阅读模式 打印 上一主题 下一主题
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>

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作