HTML5表單屬性

2021-07-13 12:18:42 字數 1812 閱讀 2564

1.6.input的formenctype屬性

用於表單提交到伺服器的資料編碼(只對form表單中method=」post」表單),該屬性會覆蓋form元素的enctype屬性。

7 input formmethod屬性,定義了表單的提交方式,覆蓋了form元素的method屬性

8 input formnovalidate屬性

input元素在表單提交時不需要驗證

9.input formtarget屬性

指定乙個名稱或乙個關鍵字來指明表單提交資料接收後的展示

10.input height和width

height 和 width 屬性規定用於 image 型別的標籤的影象高度和寬度。 height 和 width 屬性只適用於 image 型別的標籤。

type="image" src="img_submit.gif" alt="submit" width="48" height="48">
11.input的list屬性

list屬性規定輸入域的datalist。datalist是輸出域的選項列表。

12.input的min和max屬性

min,max和step屬性為包含數字或日期的input型別規定約束。

="number" name=

"quantity"

min=

"1"max

="5"

>

13.input的multiple屬性

該屬性規定input元素中可選擇多個值。

multiple屬性適用於以下型別的標籤:email和file。

action="demo-form.php">

選擇: type="file"

name="img"

multiple>

type="submit">

form>

14.input的pattern屬性

該屬性描述了乙個正規表示式用於驗證input元素的值。適用於以下型別的input標籤:text,search,url,tel,email,password.

action="demo-form.php">

country code: type="text"

name="country_code"

pattern="[a-za-z]"

title="three letter country code">

type="submit">

form>

15 input的placeholder屬性

placeholder屬性提供一種提示,描述輸入域所期待的值。輸入框中預設的輸入內容。

type="text" name="fname" placeholder="first name">
16 input的required屬性

該屬性是乙個boolean屬性,required屬性規定必須在提交之前填寫輸入域(不能為空)

username: type="text" name="usrname" required>
17 step屬性

step屬性為輸入域規定合法的數字間隔。

Html5 表單屬性

熟悉掌握 html5 的若干新的表單屬性 新的 form 屬性 autocomplete novalidate 新的 input 屬性 autocomplete autofocus form form overrides formaction,formenctype,formmethod,formn...

HTML5 表單屬性

填寫並提交表單,然後重新重新整理頁面檢視如何自動填充內容。注意 form 的 autocomplete 屬性為 on 開 但是e mail 自動為 off 關 提示 某些瀏覽器中,您可能需要啟用自動完成功能,以使該屬性生效。注意 在 safari 和 internet explorer 9 及之前的...

HTML5 表單屬性

1.form屬性 此處通過form屬性即使在外邊也能在提交的時候使用,完全脫離form 2.placeholder屬性 3.autofocus屬性 autofocus屬性的作用是指定控制項自動獲得焦點。需要注意的是,乙個html頁面上只能有乙個控制項具有該屬性 4.list屬性和datalist元素...