首頁 >web前端 >html教學 >form標籤的action屬性怎麼用? form標籤action屬性的用法介紹(附實例)

form標籤的action屬性怎麼用? form標籤action屬性的用法介紹(附實例)

寻∝梦
寻∝梦原創
2018-08-28 17:24:1222356瀏覽

本篇文章主要的介紹了關於HTML中form標籤action屬性的用法介紹和實例,還有關於form標籤的action屬性的定義和語法介紹,最後徐還有關於form標籤的action屬性的作用解釋。現在讓我們一起來看吧

我們先來介紹HTML中form標籤的action屬性的意義:

action屬性規定當提交表單時,向何處發送表單資料。 (是必需的屬性)

屬性值的介紹:(看圖)

form標籤的action屬性怎麼用? form標籤action屬性的用法介紹(附實例)

#熟悉了action屬性的意義和語法,現在讓讓我們來看看實例:

下面的表單是擁有兩個輸入欄位以及一個提交按鈕,當提交表單時,表單資料會提交到名為"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="Submit" />
</form>

效果圖:(又看圖)

form標籤的action屬性怎麼用? form標籤action屬性的用法介紹(附實例)

#表單的動作屬性(Action)與確認按鈕

# #當使用者點選確認按鈕時,表單的內容會傳送到另一個檔案。表單的動作屬性定義了目的檔案的檔案名稱。由動作屬性定義的這個檔案通常會對接收到的輸入資料進行相關的處理。

<form name="input" 
action="html_form_action.asp" method="get">
用户名: 
<input type="text" name="user" />
<input type="submit" value="点这里提交" />
</form>

瀏覽器顯示如圖效果form標籤的action屬性怎麼用? form標籤action屬性的用法介紹(附實例)

假如您在上面的文字方塊內鍵入幾個字母,然後點擊確認按鈕,那麼輸入資料會傳送到"html_form_action.asp" 的頁面。該頁面將顯示輸入的結果。

form標籤的action屬性的作用解釋:

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

2.action="currentPage.xxx":如果currentPage.xxx表示當前頁面,則提交到當前頁面,同事跳到當前頁面,當然看不到url的變化;如果currentPage.xxx是非當前頁面,則提交到非當前​​頁面,也跳到非當前頁面

3.表單提交到自身時action="" 與action="currentPage.xxx" 的區別:

通常為了省事, 我們一般將表單的action 屬性設為action=""/action="#",或者乾脆不寫,但是這會造成一個問題, 就是其實將action 設為action="" 時, 表單提交時真正提交的頁面是action="currentPage.xxx?arguments=values&….", 也就是如果當前頁面帶有參數, 參數也一併會提交, 而且參數的優先級會高於

控制項提交的參數,即如果action="currentPage.xxx?arguments=values&…." 中的arguments 有與
元素名稱相同的時候,取得值時action=”currentPage.xxx ?arguments=values&….」 值會將
的值覆蓋,從頁面得到不正確的值.

例: SpecTop.asp 頁面是表單要提交的頁面, 且有從上級頁面傳遞過來參數

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

如果

中有, 提交時得到的值將會是947, 而不是1000, 而action=”currentPage.xxx” 就能得到1000

【小編推薦】
HTML中的base標籤如何寫相對路徑? (內附使用介紹)


HTML meta標籤的作用是什麼? html meta標籤的使用方法介紹

######

以上是form標籤的action屬性怎麼用? form標籤action屬性的用法介紹(附實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn