更新時(shí)間:2023-10-17 來(lái)源:黑馬程序員 瀏覽量:
表單在網(wǎng)頁(yè)中主要負(fù)責(zé)數(shù)據(jù)采集功能。HTML中的<form>標(biāo)簽,就是用于采集用戶輸入的信息,并通過(guò)<form>標(biāo)簽的提交操作,把采集到的信息提交到服務(wù)器端進(jìn)行處理。而<form>標(biāo)簽的屬性則是用來(lái)規(guī)定如何把采集到的數(shù)據(jù)發(fā)送到服務(wù)器。下表是對(duì)<form>標(biāo)簽的5種屬性描述。
action 屬性用來(lái)規(guī)定當(dāng)提交表單時(shí),向何處發(fā)送表單數(shù)據(jù)。
action 屬性的值應(yīng)該是后端提供的一個(gè) URL 地址,這個(gè) URL 地址專門(mén)負(fù)責(zé)接收表單提交過(guò)來(lái)的數(shù)據(jù)。當(dāng)<form>表單在未指定 action 屬性值的情況下,action 的默認(rèn)值為當(dāng)前頁(yè)面的 URL 地址。
注意:當(dāng)提交表單后,頁(yè)面會(huì)立即跳轉(zhuǎn)到 action 屬性指定的 URL 地址
target 屬性用來(lái)規(guī)定在何處打開(kāi) action URL。
它的可選值有5個(gè),默認(rèn)情況下,target 的值是 _self,表示在相同的框架中打開(kāi) action URL。
method 屬性用來(lái)規(guī)定以何種方式把表單數(shù)據(jù)提交到 action URL。它的可選值有兩個(gè),分別是 get 和 post。
默認(rèn)情況下,method 的值為 get,表示通過(guò)URL地址的形式,把表單數(shù)據(jù)提交到 action URL。
注意:
get 方式適合用來(lái)提交少量的、簡(jiǎn)單的數(shù)據(jù)。
post 方式適合用來(lái)提交大量的、復(fù)雜的、或包含文件上傳的數(shù)據(jù)。
在實(shí)際開(kāi)發(fā)中,<form>表單的 post 提交方式用的最多,很少用 get。例如登錄、注冊(cè)、添加數(shù)據(jù)等表單操作,都需要使用 post 方式來(lái)提交表單。
enctype屬性用來(lái)規(guī)定在發(fā)送表單數(shù)據(jù)之前如何對(duì)數(shù)據(jù)進(jìn)行編碼。
它的可選值有三個(gè),默認(rèn)情況下,enctype 的值為 application/x-www-form-urlencoded,表示在發(fā)送前編碼所有的字符。
注意:
在涉及到文件上傳的操作時(shí),必須將 enctype 的值設(shè)置為 multipart/form-data
如果表單的提交不涉及到文件上傳操作,則直接將 enctype 的值設(shè)置為 application/x-www-form-urlencoded 即可!
【AI設(shè)計(jì)】北京143期畢業(yè)僅36天,全員拿下高薪offer!黑馬AI設(shè)計(jì)連續(xù)6期100%高薪就業(yè)
2025-09-19【跨境電商運(yùn)營(yíng)】深圳跨境電商運(yùn)營(yíng)畢業(yè)22個(gè)工作日,就業(yè)率91%+,最高薪資達(dá)13500元
2025-09-19【AI運(yùn)維】鄭州運(yùn)維1期就業(yè)班,畢業(yè)14個(gè)工作日,班級(jí)93%同學(xué)已拿到Offer, 一線均薪資 1W+
2025-09-19【AI鴻蒙開(kāi)發(fā)】上海校區(qū)AI鴻蒙開(kāi)發(fā)4期5期,距離畢業(yè)21天,就業(yè)率91%,平均薪資14046元
2025-09-19【AI大模型開(kāi)發(fā)-Python】畢業(yè)33個(gè)工作日,就業(yè)率已達(dá)到94.55%,班均薪資20763元
2025-09-19【AI智能應(yīng)用開(kāi)發(fā)-Java】畢業(yè)5個(gè)工作日就業(yè)率98.18%,最高薪資 17.5k*13薪,全班平均薪資9244元
2025-09-19