html中form標(biāo)簽的action屬性

今天小編就為大家?guī)硪黄猦tml中form標(biāo)簽的action屬性的文章。小編覺得挺不錯(cuò)的,為此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)IDC提供業(yè)務(wù):成都二樞服務(wù)器租用托管,成都服務(wù)器租用,成都二樞服務(wù)器租用托管,重慶服務(wù)器租用等四川省內(nèi)主機(jī)托管與主機(jī)租用業(yè)務(wù);數(shù)據(jù)中心含:雙線機(jī)房,BGP機(jī)房,電信機(jī)房,移動(dòng)機(jī)房,聯(lián)通機(jī)房。

首先我們先來介紹一下關(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" 的頁面:

<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è)的效果圖在下方:

html中form標(biāo)簽的action屬性

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

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

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

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

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

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

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

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

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

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

看完上述內(nèi)容,你們對form標(biāo)簽的action屬性大概了解了嗎?如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!

網(wǎng)站欄目:html中form標(biāo)簽的action屬性
文章分享:http://muchs.cn/article14/gjscde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、網(wǎng)站維護(hù)網(wǎng)站設(shè)計(jì)公司、網(wǎng)站建設(shè)、定制開發(fā)、響應(yīng)式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名