本文將為大家詳細(xì)介紹“HTML5表單屬性有哪些”，內(nèi)容步驟清晰詳細(xì)，細(xì)節(jié)處理妥當(dāng)，而小編每天都會更新不同的知識點(diǎn)，希望這篇“HTML5表單屬性有哪些”能夠給你意想不到的收獲，請大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識吧。

為稷山等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及稷山網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、稷山網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

html是什么

html的全稱為超文本標(biāo)記語言，它是一種標(biāo)記語言，包含了一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動(dòng)畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

HTML5 新的表單屬性

HTML5 的

autocomplete
novalidate

autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height and width
list
min and max
multiple
pattern (regexp)
placeholder
required
step

HTML form 中開啟 autocomplete (一個(gè) input 字段關(guān)閉 autocomplete ):
  First name:
  Last name: 
  E-mail: 
  

提示:某些瀏覽器中，您可能需要啟用自動(dòng)完成功能，以使該屬性生效。

  E-mail: 
  

autofocus 屬性

autofocus 屬性是一個(gè) boolean 屬性.

autofocus 屬性規(guī)定在頁面加載時(shí)，域自動(dòng)地獲得焦點(diǎn)。

實(shí)例

讓 "First name" input 輸入域在頁面載入時(shí)自動(dòng)聚焦：

First name:

form 屬性

form 屬性規(guī)定輸入域所屬的一個(gè)或多個(gè)表單。

提示:如需引用一個(gè)以上的表單，請使用空格分隔的列表。

實(shí)例

位于form表單外的input 字段引用了 HTML form (該 input 表單仍然屬于form表單的一部分):

  First name: 

  

Last name: 

formaction 屬性

The formaction 屬性用于描述表單提交的URL地址.

The formaction 屬性會覆蓋

  First name: 
  Last name: 
  
  

formenctype 屬性

formenctype 屬性描述了表單提交到服務(wù)器的數(shù)據(jù)編碼 (只對form表單中 method="post" 表單)

formenctype 屬性覆蓋 form 元素的 enctype 屬性。

主要: 該屬性與 type="submit" 和 type="image" 配合使用。

實(shí)例

第一個(gè)提交按鈕已默認(rèn)編碼發(fā)送表單數(shù)據(jù)，第二個(gè)提交按鈕以 "multipart/form-data" 編碼格式發(fā)送表單數(shù)據(jù):

  First name: 
    

formmethod 屬性

formmethod 屬性定義了表單提交的方式。

formmethod 屬性覆蓋了

  First name: 

  Last name: 

  
  

formnovalidate 屬性

novalidate 屬性是一個(gè) boolean 屬性.

novalidate屬性描述了 元素在表單提交時(shí)無需被驗(yàn)證。

formnovalidate 屬性會覆蓋

  E-mail: 
  
  

formtarget 屬性

formtarget 屬性指定一個(gè)名稱或一個(gè)關(guān)鍵字來指明表單提交數(shù)據(jù)接收后的展示。

The formtarget 屬性覆蓋

  First name: 

  Last name: 

  
  

height 和 width 屬性

height 和 width 屬性規(guī)定用于 image 類型的 標(biāo)簽的圖像高度和寬度。

注意: height 和 width 屬性只適用于 image 類型的 標(biāo)簽。

提示:圖像通常會同時(shí)指定高度和寬度屬性。如果圖像設(shè)置高度和寬度，圖像所需的空間 在加載頁時(shí)會被保留。如果沒有這些屬性， 瀏覽器不知道圖像的大小，并不能預(yù)留 適當(dāng)?shù)目臻g。圖片在加載過程中會使頁面布局效果改變 （盡管圖片已加載）。

實(shí)例

定義了一個(gè)圖像提交按鈕, 使用了 height 和 width 屬性:

list 屬性

list 屬性規(guī)定輸入域的 datalist。datalist 是輸入域的選項(xiàng)列表。

實(shí)例

在

min 和 max 屬性

min、max 和 step 屬性用于為包含數(shù)字或日期的 input 類型規(guī)定限定（約束）。

注意: min、max 和 step 屬性適用于以下類型的 標(biāo)簽：date pickers、number 以及 range。

實(shí)例

元素最小值與最大值設(shè)置:

Enter a date before 1980-01-01:Enter a date after 2000-01-01:Quantity (between 1 and 5):

multiple 屬性

multiple 屬性是一個(gè) boolean 屬性.

multiple 屬性規(guī)定 元素中可選擇多個(gè)值。

注意: multiple 屬性適用于以下類型的 標(biāo)簽：email 和 file。: email, and file.

實(shí)例

上傳多個(gè)文件:

Select images: 

pattern 屬性

pattern 屬性描述了一個(gè)正則表達(dá)式用于驗(yàn)證 元素的值。

注意:pattern 屬性適用于以下類型的 標(biāo)簽: text, search, url, tel, email, 和 password.

提示： 是用來全局 title 屬性描述了模式.

提示： 您可以在我們的 JavaScript 教程中學(xué)習(xí)到有關(guān)正則表達(dá)式的內(nèi)容

實(shí)例

下面的例子顯示了一個(gè)只能包含三個(gè)字母的文本域（不含數(shù)字及特殊字符）：

Country code: 

placeholder 屬性

placeholder 屬性提供一種提示（hint），描述輸入域所期待的值。

簡短的提示在用戶輸入值前會顯示在輸入域上。

注意: placeholder 屬性適用于以下類型的 標(biāo)簽：text, search, url, telephone, email 以及 password。

實(shí)例

input 字段提示文本t:

required 屬性

required 屬性是一個(gè) boolean 屬性.

required 屬性規(guī)定必須在提交之前填寫輸入域（不能為空）。

注意:required 屬性適用于以下類型的 標(biāo)簽：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

實(shí)例

不能為空的input字段:

Username: 

step 屬性

step 屬性為輸入域規(guī)定合法的數(shù)字間隔。

如果 step="3"，則合法的數(shù)是 -3,0,3,6 等

提示： step 屬性可以與 max 和 min 屬性創(chuàng)建一個(gè)區(qū)域值.

注意: step 屬性與以下type類型一起使用: number, range, date, datetime, datetime-local, month, time 和 week.

實(shí)例

規(guī)定input step步長為3:

如果你能讀到這里，小編希望你對“HTML5表單屬性有哪些”這一關(guān)鍵問題有了從實(shí)踐層面最深刻的體會，具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！