今天就跟大家聊聊有關(guān)如何使用form標(biāo)簽的action屬性，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)公司提供高防服務(wù)器、云服務(wù)器、香港服務(wù)器、成都機(jī)柜租用等

我們先來(lái)介紹HTML中form標(biāo)簽的action屬性的含義：

action屬性規(guī)定當(dāng)提交表單時(shí)，向何處發(fā)送表單數(shù)據(jù)。（是必需的屬性）

屬性值的介紹：（看圖）

熟悉了action屬性的含義和語(yǔ)法，現(xiàn)在讓我們來(lái)看看實(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="Submit" />
</form>

效果圖：（又看圖）

表單的動(dòng)作屬性（Action）和確認(rèn)按鈕

當(dāng)用戶單擊確認(rèn)按鈕時(shí)，表單的內(nèi)容會(huì)被傳送到另一個(gè)文件。表單的動(dòng)作屬性定義了目的文件的文件名。由動(dòng)作屬性定義的這個(gè)文件通常會(huì)對(duì)接收到的輸入數(shù)據(jù)進(jìn)行相關(guān)的處理。

<form name="input" 
action="html_form_action.asp" method="get">
用戶名: 
<input type="text" name="user" />
<input type="submit" value="點(diǎn)這里提交" />
</form>

瀏覽器顯示如圖效果

假如您在上面的文本框內(nèi)鍵入幾個(gè)字母，然后點(diǎn)擊確認(rèn)按鈕，那么輸入數(shù)據(jù)會(huì)傳送到 "html_form_action.asp" 的頁(yè)面。該頁(yè)面將顯示出輸入的結(jié)果。

form標(biāo)簽的action屬性的作用解釋?zhuān)?/p>

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

2.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è)面

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

通常為了省事 , 我們一般將表單的 action 屬性設(shè)為 action=""/action="#"，或者干脆不寫(xiě),但是這會(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

看完上述內(nèi)容，你們對(duì)如何使用form標(biāo)簽的action屬性有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站題目：如何使用form標(biāo)簽的action屬性-創(chuàng)新互聯(lián)
本文URL：http://www.rwnh.cn/article32/geesc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、靜態(tài)網(wǎng)站、電子商務(wù)、面包屑導(dǎo)航、網(wǎng)站導(dǎo)航、云服務(wù)器

廣告

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