HTML5新增屬性與元素 一

2021-07-30 07:46:23 字數 2363 閱讀 8739

html5的新增屬性

新增的與表單相關的屬性介紹如下:

1.autocomplete屬性

autoxcomplete屬性規定form或input域應該擁有自動完成功能.它使用form標籤,以及一下型別的input標籤:text,search,url,telephone,email,passowrd,datepickers,range以及color.

2.autofocus屬性

autofocus屬性規定在頁面載入時,域自動的獲取焦點。

3.form屬性

form屬性規定輸入域所屬的乙個或多個表單.

4.表單重寫屬性

表單重寫屬性(form override attributes)允許重寫form元素的某些屬性設定.

formaction-重寫表單的action屬性。

formenctype-重寫表單的enctype屬性。

formenthod-重寫表單的menthod屬性。

formmovalidate-重寫屬性novalidate屬性。

formtarget-重寫表單的target屬性

5.height和width屬性

height和width屬性規定與image型別的input標籤的影象高度和寬度。他們只適用與image型別的input標籤.

6.list屬性

list屬性規定輸入域 的datalist,是輸入域的選項列表.

7.min,max和step屬性

min,maxstep屬性用於為包含數字或日期的input型別規定限度(約束)。

max屬性規定輸入域所允許的最大值。

min屬性規定輸入域所允許的最大值

step屬性為輸入與規定合法的數字間隔(如果step=「3」,則合法的數是-3,0,3,6等)。

minmaxstep屬性使用與以下型別的input標籤:detepickersnumber以及range;

8.multiple屬性

該屬性規定輸入域中可選擇多個值。他使用與以下型別的input標籤:email和file

9.novalidate屬性

該屬性規定在提交表單時不應該輸入驗證form或input域,它適用於以下型別的input標籤:text、search、telephone、email、password、datepickers、range、以及color

10.pattern屬性

該屬性規定哦你關於驗證input域的模式(pattern),模式是正規表示式、適用於input標籤的text、search、url、telephone、email以及password

11.placeholder屬性

該屬性提供一種提示(hint),描述輸入域所期待的值。適用於input標籤的text、search、url、telephone、email以及password

12.require屬性

該屬性規定必須在提交之前填寫輸入域(不能為空)。他使用於input標籤中的text、seatch、url、telephone、email、password、datepickers、number、checkbox、radio以及file

HTML5表單新增元素與屬性

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

HTML5新增屬性

html5的input標籤新增了很多屬性,也是讓大家非常興奮的一件事,用簡單的乙個屬性搞定以前複雜的js驗證。input新增的這些屬性,使得html和js的分工更明確了,使用起來十分舒暢。size medium 新增屬性一 size autoconmplete autoconmplete可以賦值為 ...

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

1 標籤的control屬性 在html5中,可以在標籤內部放置 乙個表單元 素,並且通過該標籤的control屬性來訪問該表單元素。2 文字框的placeholder屬性 placeholder是指當文字框處於未輸入狀態時顯示的輸入提示。當文字框處於未輸入狀態且未獲取游標焦點時,模糊顯示輸入提示文...