HTML5表单元素是什么

  介绍

本文将为大家详细介绍”HTML5表单元素是什么”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“HTML5表单元素是什么”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知识吧。

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签。通过这些标签可以将网络上的文档格式统一,使分散的互联网资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形,动画,声音,表格,链接等,主要和css + js配合使用并构建优雅的前端网页。

HTML5新的表单元素

HTML5有以下新的表单元素:

& lt; datalist>

& lt; keygen>

& lt; output>

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

HTML5 & lt; datalist>元素

& lt; datalist>元素规定输入域的选项列表。

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

使用& lt; input>元素的列表属性与& lt; datalist>元素绑定。

实例

& lt; input>元素使用& lt; datalist>预定义值:

& lt; input 列表=癰rowsers"比;   & lt; datalist  id=癰rowsers"祝辞   & lt;才能option 价值=https://www.yisu.com/zixun/" Internet Explorer ">   <选项值=盎鸷?   <选项值=案酢?   歌剧<选项值=" ">   <选项值=搬髁浴?   

HTML5 & lt; keygen>元素

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

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

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

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

实例

带有注册机字段的表单:

& lt; form  action=癲emo_keygen.asp",方法=癵et"比;   用户名:& lt; input 类型=皌ext", name=皍sr_name"比;   加密:& lt; keygen  name=皊ecurity"比;   & lt; input 类型=皊ubmit"祝辞   & lt;/form>

HTML5 & lt; output>元素

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

实例

将计算结果显示在& lt; output>元素:

& lt; form  oninput=皒.value=https://www.yisu.com/zixun/parseInt (a.value) +方法(b.value) "> 0    100 +   =<输出name=" x "=" b ">   

如果你能读到这里,小编希望你对“HTML5表单元素是什么”这一关键问题有了从实践层面最深刻的体会,具体使用情况还需要大家自己动手实践使用过才能领会,如果想阅读更多相关内容的文章,欢迎关注行业资讯频道!

HTML5表单元素是什么