摘要：屬性為用戶由于某些原因無(wú)法查看圖像時(shí)提供了備選的信息。可用于表單以外的輸入字段覆蓋表單的屬性。值覆蓋表單的屬性。默認(rèn)在父框架中將表單提交到文檔。屬性規(guī)定輸入字段的最大長(zhǎng)度，以字符個(gè)數(shù)計(jì)。屬性與或配合使用。提交按鈕會(huì)把表單數(shù)據(jù)發(fā)送到服務(wù)器。

今天做項(xiàng)目的時(shí)候頻繁用到了元素，卻發(fā)現(xiàn)好多屬性都不懂。找資料總結(jié)。

//只能與  配合使用。
//例如只允許上傳圖片文件
 

值：left | right | top | middle | bottom 【不贊成使用。】

alt 屬性只能與  配合使用。
alt 屬性為用戶由于某些原因無(wú)法查看圖像時(shí)提供了備選的信息。

自動(dòng)完成允許瀏覽器預(yù)測(cè)對(duì)字段的輸入。
當(dāng)用戶在字段開始鍵入時(shí)，瀏覽器基于之前鍵入過(guò)的值，應(yīng)該顯示出在字段中填寫的選項(xiàng)。
值： on | off
適用于 
，以及下面的  類型：text, search, url, telephone, email, password, datepickers, range 以及 color。

【不適用于 type="hidden"】
值：autofocus

與  或  配合使用
值：checked

被禁用的 input 元素既不可用，也不可點(diǎn)擊。
值：disabled

form 屬性的值必須是其所屬表單的 id。
可用于表單以外的輸入字段
...
Last name: 

（適用于 type="submit" 和 type="image"）

（適用于 type="submit" 和 type="image"）
值：

application/x-www-form-urlencoded【在發(fā)送前對(duì)所有字符進(jìn)行編碼（默認(rèn)）。】

multipart/form-data【不對(duì)字符編碼。當(dāng)使用有文件上傳控件的表單時(shí)，該值是必需的。】

text/plain【將空格轉(zhuǎn)換為 "+" 符號(hào)，但不編碼特殊字符。】

（適用于 type="submit" 和 type="image"）
值：get | post

如果使用該屬性，則提交表單時(shí)不進(jìn)行驗(yàn)證。
適用于 
 以及以下類型的 ：text, search, url, telephone, email, password, date pickers, range 以及 color。
值：formnovalidate

（適用于 type="submit" 和 type="image"）
HTML5 不支持框架和框架集。parent, top 和 framename 值大多用于 iframe。

_blank【在新窗口/選項(xiàng)卡中將表單提交到文檔。】

_self【在同一框架中將表單提交到文檔。（默認(rèn)）】

_parent【在父框架中將表單提交到文檔。】

_top【在整個(gè)窗口中將表單提交到文檔】

framename【在指定的框架中將表單提交到文檔。】

網(wǎng)頁(yè)：

//合法數(shù)字應(yīng)該是 -3、0、3、6，以此類推    

step、max 和 min 屬性適用于以下  類型：number, range, date, datetime, datetime-local, month, time 以及 week。

maxlength 屬性規(guī)定輸入字段的最大長(zhǎng)度，以字符個(gè)數(shù)計(jì)。
maxlength 屬性與  或  配合使用。

對(duì)于  和 ，size 屬性定義的是可見的字符數(shù)。
而對(duì)于其他類型，size 屬性定義的是以像素為單位的輸入字段寬度。

【需要上傳多個(gè)文件時(shí)可使用該屬性】

屬性用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí)
或者在客戶端通過(guò) JavaScript 引用表單數(shù)據(jù)。
只有設(shè)置了 name 屬性的表單元素才能在提交表單時(shí)傳遞它們的值。

pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數(shù)字。
適用于以下  類型：text, search, url, telephone, email 以及 password 。

該提示會(huì)在輸入字段為空時(shí)顯示，并會(huì)在字段獲得焦點(diǎn)時(shí)消失。
適用于以下的  類型：text, search, url, telephone, email 以及 password

可與  或  配合使用。
只讀字段是不能修改的。不過(guò)，用戶仍然可以使用 tab 鍵切換到該字段，還可以選中或拷貝其文本。

適用于以下  類型：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

只能與  配合使用。

button 定義可點(diǎn)擊按鈕。

checkbox 定義復(fù)選框。

file 定義輸入字段和 "瀏覽"按鈕，供文件上傳。

hidden 定義隱藏的輸入字段。

image 定義圖像形式的提交按鈕。

password 定義密碼字段。該字段中的字符被掩碼。

radio 定義單選按鈕。

reset 定義重置按鈕。重置按鈕會(huì)清除表單中的所有數(shù)據(jù)。

submit 定義提交按鈕。提交按鈕會(huì)把表單數(shù)據(jù)發(fā)送到服務(wù)器。

text 定義單行的輸入字段，用戶可在其中輸入文本。默認(rèn)寬度為 20 個(gè)字符。

對(duì)于不同的輸入類型，value 屬性的用法也不同：
type="button", "reset", "submit" - 定義按鈕上的顯示的文本
type="text", "password", "hidden" - 定義輸入字段的初始值
type="checkbox", "radio", "image" - 定義與輸入相關(guān)聯(lián)的值
注釋： 和  中必須設(shè)置 value 屬性。

width和height只適用于 type="image"

默認(rèn)的樣式是這樣的。

利用label for的屬性，可以很好的改變樣式。

上傳文件

上述例子中其實(shí)就是隱藏input。所以還可以用

style="visibility:hidden"
或者
style="display:none"

效果圖如下