HTML5新表单元素的图文实例-

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

[html] view plain copy 
  
        
        
        
   

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

HTML5 有以下新的表单元素:

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

HTML5

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

  用户名: 
  加密: 
  


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

0
100
+
=



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

以上就是HTML5新表单元素的图文实例的详细内容，更多请关注 第一PHP社区 其它相关文章！