HTML5 新增表單元素與屬性(2)

2021-07-11 13:43:16 字數 921 閱讀 7348

1、標籤的control屬性

在html5中,可以在標籤內部放置 乙個表單元 素,並且通過該標籤的control屬性來訪問該表單元素。

2、文字框的placeholder屬性

placeholder是指當文字框處於未輸入狀態時顯示的輸入提示。當文字框處於未輸入狀態且未獲取游標焦點時,模糊顯示輸入提示文字。

3、文字框的list屬性

在html5中,為單行文字框增加了乙個list屬性,該屬性的值為某個datalist元素的id。datalist元素也是html5中新增的元素,該元素類似於選擇框,當使用者想要設定的值不在選擇列表之內時,允許自行輸入。datalist元素本身並不顯示,而是當文字框獲得焦點時以提示輸入的方式顯示。

4、文字框的autocomplete屬性

幫助輸入所用的自動完成功能,是乙個既節省輸入時間又十分方便的功能。在html5之前,因為誰都可以看見輸入的值,所有在安全方面存在缺陷,只要使用autocomplete屬性,安全性方面也可以得到很好的控制。

type

="text"

name

="greeting"

autocomplete=""

list

="greetings"

>

id=

"greetings"

>

value

="ios"

>

ios

value

="android"

>

android

HTML5新增表單元素和表單屬性

safari和ie9以下不支援,規定了輸入域的選項內容 與input元素配合使用,定義input輸入域的選項內容。ie完全不支援 作用 提供一種驗證使用者的可靠方法 用於表單的金鑰對生成器字段,當提交表單時,會生成兩個鍵,乙個是私鑰,乙個公鑰。私鑰 private key 儲存於客戶端,公鑰 pub...

HTML5新增的表單元素

html5新增的表單元素 progress進度條 max 進度元素所要求的任務的工作量,預設值為1 value 已經完成的工作量,如果max值為1,該值必須是介於0 1之間的小數 例如 output使用者動作產生的結果 name 定義元素的名稱 for 其他元素的id列表,表明這些元素為計算提供了輸...

HTML5表單新增元素與屬性

在html4中,表單內的從屬元素必須書寫在 表單內部,而在html5中,可以把它們書寫在頁面上任何地方,然後為該元素指定乙個form屬性,屬性值為該表單的id,這樣就可以宣告該元素從屬於指定表單 以前 1 表單內元素的formaction屬性 在html4中,乙個表單內的所有元素只能通過表單的act...