form標(biāo)簽有哪些屬性？【form標(biāo)簽5大屬性用法】

表單在網(wǎng)頁中主要負(fù)責(zé)數(shù)據(jù)采集功能。HTML中的<form>標(biāo)簽，就是用于采集用戶輸入的信息，并通過<form>標(biāo)簽的提交操作，把采集到的信息提交到服務(wù)器端進(jìn)行處理。而<form>標(biāo)簽的屬性則是用來規(guī)定如何把采集到的數(shù)據(jù)發(fā)送到服務(wù)器。下表是對<form>標(biāo)簽的5種屬性描述。

1. action

action 屬性用來規(guī)定當(dāng)提交表單時，向何處發(fā)送表單數(shù)據(jù)。

action 屬性的值應(yīng)該是后端提供的一個 URL 地址，這個 URL 地址專門負(fù)責(zé)接收表單提交過來的數(shù)據(jù)。當(dāng)<form>表單在未指定 action 屬性值的情況下，action 的默認(rèn)值為當(dāng)前頁面的 URL 地址。

注意：當(dāng)提交表單后，頁面會立即跳轉(zhuǎn)到 action 屬性指定的 URL 地址

2. target

target 屬性用來規(guī)定在何處打開 action URL。

它的可選值有5個，默認(rèn)情況下，target 的值是 _self，表示在相同的框架中打開 action URL。

3. method

method 屬性用來規(guī)定以何種方式把表單數(shù)據(jù)提交到 action URL。它的可選值有兩個，分別是 get 和 post。

默認(rèn)情況下，method 的值為 get，表示通過URL地址的形式，把表單數(shù)據(jù)提交到 action URL。

注意：

get 方式適合用來提交少量的、簡單的數(shù)據(jù)。

post 方式適合用來提交大量的、復(fù)雜的、或包含文件上傳的數(shù)據(jù)。

在實際開發(fā)中，<form>表單的 post 提交方式用的最多，很少用 get。例如登錄、注冊、添加數(shù)據(jù)等表單操作，都需要使用 post 方式來提交表單。

4. enctype

enctype屬性用來規(guī)定在發(fā)送表單數(shù)據(jù)之前如何對數(shù)據(jù)進(jìn)行編碼。

它的可選值有三個，默認(rèn)情況下，enctype 的值為 application/x-www-form-urlencoded，表示在發(fā)送前編碼所有的字符。

注意：

在涉及到文件上傳的操作時，必須將 enctype 的值設(shè)置為 multipart/form-data

如果表單的提交不涉及到文件上傳操作，則直接將 enctype 的值設(shè)置為 application/x-www-form-urlencoded 即可!