html form標(biāo)簽的action屬性是什么意思？又有哪一些用法？（附案例）

首先我們先來(lái)介紹一下關(guān)于HTML form標(biāo)簽的action屬性的意思：

form標(biāo)簽的action屬性是一個(gè)表單當(dāng)中必須的屬性，action屬性規(guī)定當(dāng)提交表單時(shí)，向何處發(fā)送表單數(shù)據(jù)。

先看個(gè)第一個(gè)關(guān)于form標(biāo)簽action屬性的實(shí)例：

下面的表單擁有兩個(gè)輸入字段以及一個(gè)提交按鈕，當(dāng)提交表單時(shí)，表單數(shù)據(jù)會(huì)提交到名為 "form_action.asp" 的頁(yè)面：

<form action="form_action.asp" method="get">
  <p>輸入用戶名: <input type="text" name="fname" /></p>
  <p>再輸用戶名: <input type="text" name="lname" /></p>
  <input type="submit" value="提交" />
</form>

這個(gè)的效果圖在下方：

效果很明顯，基本上每個(gè)表單都需要action屬性。

現(xiàn)在說(shuō)說(shuō)form標(biāo)簽action屬性的用法介紹：

form表單中的action屬性的值是表單提交給的url，如果我們沒(méi)有設(shè)置action屬性，那么默認(rèn)的表單還是提交給當(dāng)前頁(yè)面，以下是action屬性的三種用法介紹：

• action=""和action="#"、沒(méi)有action屬性的作用相同，都是提交到當(dāng)前頁(yè)面(也就是document.location.href)

• action="currentPage.xxx"如果currentPage.xxx表示當(dāng)前頁(yè)面，則提交到當(dāng)前頁(yè)面，同事跳轉(zhuǎn)到當(dāng)前頁(yè)面，當(dāng)然就看不到url的變化；如果currentPage.xxx是非當(dāng)前頁(yè)面，則提交到非當(dāng)前頁(yè)面，也跳轉(zhuǎn)到非當(dāng)前頁(yè)面

• 表單提交到自身時(shí) action=""與action="currentPage.xxx"的區(qū)別：

通常為了省事,我們一般將表單的action屬性設(shè)為action=""/action="#"或者干脆不寫,但是這會(huì)造成一個(gè)問(wèn)題,就是其實(shí)將action設(shè)為action=""時(shí) , 表單提交時(shí)真正提交的頁(yè)面是action="currentPage.xxx?arguments=values&….",也就是如果當(dāng)前頁(yè)面帶有參數(shù),參數(shù)也一并會(huì)提交,而且參數(shù)的優(yōu)先級(jí)會(huì)高于<form>控件提交的參數(shù)，即如果action="currentPage.xxx?arguments=values&…."中的arguments有與<form>元素名相同的時(shí)候,獲取值時(shí)action=”currentPage.xxx?arguments=values&….”值會(huì)將<form>的值覆蓋，從頁(yè)得到不正確的值.

例:SpecTop.asp 頁(yè)面是表單要提交的頁(yè)面,且有從上級(jí)頁(yè)面?zhèn)鬟f過(guò)來(lái)參數(shù)

action=""真正提交時(shí)的頁(yè)面:SpecTop.asp?ClassID=000100200005&SpeID=947&SpeType=3

如果<form>中有<input type=”text” name=”SpeID” value=”1000”/>,提交時(shí)得到的值將會(huì)是947,而不是1000,而action=”currentPage.xxx”就能得到1000

好了，以上就是關(guān)于HTML form標(biāo)簽的action屬性的全部介紹了，有問(wèn)題的可以在下方留言。

【小編推薦】

如何給html中的pre標(biāo)簽中的文字換行？html pre標(biāo)簽的使用實(shí)例

HTML ul標(biāo)簽的什么意思？HTML ul標(biāo)簽的作用詳解

以上就是html form標(biāo)簽的action屬性是什么意思？又有哪些用法？（附實(shí)例）的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！