您现在的位置是：网站首页> 编程资料编程资料

HTML5 的新的表单元素(datalist/keygen/output)使用介绍详解HTML5表单新增属性HTML Form表单元素全面了解html5表单及新增的改良元素详解HTML5新增的表单元素和属性实例解析HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注HTML标记语言——表单HTML表单标记教程(2):HTML表单标记教程(4):带有图片预览功能的上传表单的完整HTMLXHTML入门学习教程:表单标签

2021-09-01 904人已围观

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

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标签与HTML4标签的区别示例介绍HTML5对比HTML4的主要改变和改进总结Web时代变迁及html5与html4的区别HTML与XHTML、以及HTML4与HTML5标签之间的区别简介HTML5和以前HTML4的区别整理html4和html5区别之如何在一个input上添加焦点实现代码浅谈HTML5与HTML4的10个关键区别

下一篇：有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题 HTML5 Video/Audio播放本地文件示例介绍html5 video标签屏蔽右键视频另存为的js代码HTML5<video>使用DOM进行自定义控制示例代码</video>html5声频audio和视频video等新特性详细说明HTML5 MiranaVideo播放器 (代码开源) HTML5 video 视频标签使用介绍

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网