表單新增元素與屬性

2021-08-28 04:44:04 字數 1131 閱讀 4536

1.標籤的control屬性

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

2.文字框的placeholder屬性

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

3.文字框的list屬性

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

4.文字框的autocomplete屬性

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

5.文字框的pattern屬性

在html5中,對input元素shiyongpattern屬性,並且將屬性值設為某個格式的正規表示式,在提交時會針對這些進行檢查,檢查其內容是否符合給定格式。當輸入的內容不符合給定格式時,則不允許提交,同時在瀏覽器中顯示資訊提示文字,提示輸入的內容不符合

6.文字框的selection direction屬性

這對input元素與textarea元素,html5增加了selectiondirection屬性。當使用者在這兩個元素中庸滑鼠選取部分文字時,可以使用該屬性來獲取方向。當使用者正向選取文字時,改屬性值為「forward」,當使用者反向選取文字時,該屬性值為「backward」。當使用者沒有選取任何文字時,該屬性值為"forward"。

7.核取方塊的indeterminate屬性

對於核取方塊checkbox元素來說,過去只是選取與非選取這兩種狀態。在html5中,可以在jvascript指令碼**中對該元素使用indeterminate屬性,已說明核取方塊處於「尚未明確是否選取」狀態。(選取、未選取、不明狀態)

8.image提交按鈕的height屬性與width屬性

針對型別為image的input元素,html5新增了兩個屬性,height、width分別用來制定按鈕的高度和寬度。

HTML5表單新增元素與屬性

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

HTML5表單新增元素和屬性 1

指定乙個form屬性,屬性值為改表單的id,這樣就可以宣告該元素從屬於指定的表單了。charset utf 8 formtitle head charset utf 8 title head 使用 formmethod屬性來對每乙個表單元素分別指定不同的提交方法 charset utf 8 titl...

js jquery新增元素

一 js 1.var el document.createelement a 建立元素 document.body.removechild el 移除子元素 charcodeat var preflag new string fd company id 二 jquery 1.jquery獲取得到的陣...