html中form標簽的action屬性

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

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

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

先看個第一個關(guān)于form標簽action屬性的實例：

下面的表單擁有兩個輸入字段以及一個提交按鈕，當提交表單時，表單數(shù)據(jù)會提交到名為 "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>

這個的效果圖在下方：

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

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

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

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

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

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

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

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

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

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

看完上述內(nèi)容，你們對form標簽的action屬性大概了解了嗎？如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！