热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

总结HTML5中新表单元素的使用方法及实例教程-

HTML5表单元素HTML5新的表单元素HTML5有以下新的表单元素:<datalist><keygen><output>注意:不是所有的浏览器都支持HTML5新的表单元素,但是你可以在使用它...

HTML5 新的表单元素

HTML5 有以下新的表单元素:

注意:不是所有的浏览器都支持HTML5 新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素。

HTML5 元素

元素规定输入域的选项列表。

属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:

使用 元素的列表属性与 元素绑定.

实例

 元素使用预定义值:
  

HTML5 元素

元素的作用是提供一种验证用户的可靠方法。

标签规定用于表单的密钥对生成器字段。

当提交表单时,会生成两个键,一个是私钥,一个公钥。

私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。

实例

带有keygen字段的表单:

用户名: 加密: 

HTML5 元素

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

实例

将计算结果显示在 元素:

0100 +=

HTML5 新表单元素

标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

标签规定用于表单的密钥对生成器字段。

标签定义不同类型的输出,比如脚本的输出。


推荐阅读
author-avatar
Carol卍_932
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有