您现在的位置是: 文字教程> 前端教程> HTML教程>

HTML5教程第11课,HTML5新表单元素-

2019-03-11 10:41:086
HTML5新表单元素,HTML5新的表单元素:datalist、keygen、output、注意:不是所有的浏览器都支持HTML5 新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素。

HTML5新表单元素

HTML5新的表单元素

datalist

keygen

output

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


datalist 元素

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

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

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

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


运行程序尝试一下


keygen 元素

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

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

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

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

公钥可用于之后验证用户的客户端证书

把程序放到你的编辑器,本地运行程序尝试一下


output 元素

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

实例

将计算结果显示在 output 元素:

将计算结果显示在 output 元素


运行程序尝试一下


HTML5 新表单元素

标签描述
datalistinput标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
keygenkeygen 标签规定用于表单的密钥对生成器字段。
outputoutput 标签定义不同类型的输出,比如脚本的输出。



文章评论