如何使用HTML5中新表单元素-创新互联

这期内容当中小编将会给大家带来有关如何使用HTML5 中新表单元素,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

创新互联公司2013年至今,是专业互联网技术服务公司,拥有项目成都网站制作、成都网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元唐河做网站,已为上家服务,为唐河各地企业和个人服务,联系电话:13518219792

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

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

•datalist
•keygen
•output

浏览器支持

Input typeIEFirefoxOperaChromeSafari
datalistNoNo9.5NoNo
keygenNoNo10.53.0No
outputNoNo9.5NoNo


datalist 元素
datalist 元素规定输入域的选项列表。
列表是通过 datalist 内的 option 元素创建的。
如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id:

实例


代码如下:

Webpage:  
 
 
 
 

提示:option 元素永远都要设置 value 属性。

keygen 元素
keygen 元素的作用是提供一种验证用户的可靠方法。
keygen 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。
私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。
目前,浏览器对此元素的糟糕的支持度不足以使其成为一种有用的安全标准。
实例



代码如下:

 
Username:  
Encryption:  
 

output 元素
output 元素用于不同类型的输出,比如计算或脚本输出:
实例


代码如下:

上述就是小编为大家分享的如何使用HTML5 中新表单元素了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


文章标题:如何使用HTML5中新表单元素-创新互联
当前网址:http://bzwzjz.com/article/hcheo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计 成都网站建设公司 品牌网站建设 成都网站制作 盐亭网站设计 手机网站制作设计 成都网站建设 成都网站制作 成都企业网站制作 成都网站建设 成都定制网站建设 成都网站设计公司 营销型网站建设 成都网站制作 成都网站建设公司 网站建设 网站设计 成都网站建设公司 成都网站设计 企业网站建设 成都网站制作 高端网站设计推广