表單在網頁中主要負責數據采集功能。HTML中的<form>標簽,就是用于采集用戶輸入的信息,并通過<form>標簽的提交操作,把采集到的信息提交到服務器端進行處理。而<form>標簽的屬性則是用來規定如何把采集到的數據發送到服務器。下表是對<form>標簽的4種屬性描述。
1. action
action 屬性用來規定當提交表單時,向何處發送表單數據。
action 屬性的值應該是后端提供的一個 URL 地址,這個 URL 地址專門負責接收表單提交過來的數據。當<form>表單在未指定 action 屬性值的情況下,action 的默認值為當前頁面的 URL 地址。
注意:當提交表單后,頁面會立即跳轉到 action 屬性指定的 URL 地址
2. target
target 屬性用來規定在何處打開 action URL。
它的可選值有5個,默認情況下,target 的值是 _self,表示在相同的框架中打開 action URL。
3. method
method 屬性用來規定以何種方式把表單數據提交到 action URL。它的可選值有兩個,分別是 get 和 post。
默認情況下,method 的值為 get,表示通過URL地址的形式,把表單數據提交到 action URL。
注意:
get 方式適合用來提交少量的、簡單的數據。
post 方式適合用來提交大量的、復雜的、或包含文件上傳的數據。
在實際開發中,<form>表單的 post 提交方式用的最多,很少用 get。例如登錄、注冊、添加數據等表單操作,都需要使用 post 方式來提交表單。
4. enctype
enctype屬性用來規定在發送表單數據之前如何對數據進行編碼。
它的可選值有三個,默認情況下,enctype 的值為 application/x-www-form-urlencoded,表示在發送前編碼所有的字符。
注意:
在涉及到文件上傳的操作時,必須將 enctype 的值設置為 multipart/form-data
如果表單的提交不涉及到文件上傳操作,則直接將 enctype 的值設置為 application/x-www-form-urlencoded 即可
該文章在 2024/6/28 9:50:55 編輯過