這一篇介紹html5新增的表單元素和表單屬性。

首先先說一個html5中表單新增的一個功能，在我們之前的html中，表單元素必須放在form元素所包含的里面，在html5中，可以把他們寫在頁面上的任何一個地方，然后給該元素增加一個form屬性，form屬性的值為form表單的id，如下：[html] view plain copy

在form元素里面的表單元素可以不用添加form屬性，如果你想利用form獲取所有表單元素的值，那么在form元素外面的表單元素就必須添加form屬性，input、select、textarea等元素都滿足該功能。

HTML5 有以下新的表單元素:

???注意:不是所有的瀏覽器都支持HTML5 新的表單元素，但是你可以在使用它們，即使瀏覽器不支持表單屬性，仍然可以顯示為常規(guī)的表單元素。

HTML5 元素

元素規(guī)定輸入域的選項(xiàng)列表。

屬性規(guī)定 form 或 input 域應(yīng)該擁有自動完成功能。當(dāng)用戶在自動完成域中開始輸入時，瀏覽器應(yīng)該在該域中顯示填寫的選項(xiàng)：

使用 元素的列表屬性與 元素綁定.

注意: Internet Explorer 9(更早IE版本)，Safari不支持 datalist 標(biāo)簽。

用戶名:

加密:

注意: Internet Explorer 不支持 keygen 標(biāo)簽。

0

100

+

=

注意: Internet Explorer 不支持 output 標(biāo)簽。

總結(jié)

以上是生活随笔為你收集整理的html5表单实例元素,HTML5新表单元素的图文实例-的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。