form標籤的action屬性怎麼用？ form標籤action屬性的用法介紹（附實例）-html教學-PHP中文網

首頁

web前端

html教學

form標籤的action屬性怎麼用？ form標籤action屬性的用法介紹（附實例）

寻∝梦

Aug 28, 2018 pm 05:24 PM

action form html

本篇文章主要的介紹了關於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&….", 也就是如果當前頁面帶有參數, 參數也一併會提交, 而且參數的優先級會高於