HTML5新表单元素怎么用-创新互联

这篇文章主要介绍了HTML5新表单元素怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计制作、网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的柳南网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

首先先说一个html5中表单新增的一个功能，在我们之前的html中，表单元素必须放在form元素所包含的里面，在html5中，可以把他们写在页面上的任何一个地方，然后给该元素增加一个form属性，form属性的值为form表单的id，如下：

[html] view plain copy

在form元素里面的表单元素可以不用添加form属性，如果你想利用form获取所有表单元素的值，那么在form元素外面的表单元素就必须添加form属性，input、select、textarea等元素都满足该功能。

HTML5 有以下新的表单元素:

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

HTML5 元素

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

属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项：
使用元素的列表属性与元素绑定.








  
  
  
  
  




注意: Internet Explorer 9（更早IE版本），Safari不支持 datalist 标签。

HTML5新表单元素怎么用

HTML5 元素

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

标签规定用于表单的密钥对生成器字段。
当提交表单时，会生成两个键，一个是私钥，一个公钥。
私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。






  用户名: 
  加密: 
  


注意: Internet Explorer 不支持 keygen 标签。

HTML5新表单元素怎么用

HTML5 元素

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





0
100
+
=


注意:  Internet Explorer 不支持 output 标签。

HTML5新表单元素怎么用

HTML5 新表单元素

HTML5新表单元素怎么用

感谢你能够认真阅读完这篇文章，希望小编分享的“HTML5新表单元素怎么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联建站，关注创新互联网站制作公司行业资讯频道，更多相关知识等着你来学习!

本文名称：HTML5新表单元素怎么用-创新互联
本文地址：http://scyanting.com/article/ddjgep.html