首頁 > web前端 > html教學 > html form標籤的action屬性是什麼意思?又有哪些用法? (附實例)

html form標籤的action屬性是什麼意思?又有哪些用法? (附實例)

寻∝梦
發布: 2018-08-29 14:50:44
原創
15710 人瀏覽過

本篇文章主要的介紹HTML form表單標籤的action屬性的用法,用法介紹和實例等都在裡面,現在讓我們一起來看吧

首先我們先來介紹一下關於HTML form標籤的action屬性的意思:

form標籤的action屬性是一個表單當中必須的屬性,action屬性規定當提交表單時,要傳送表單資料到何處。

先看個第一個關於form標籤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="提交" />
</form>
登入後複製

這個的效果圖在下方:

html form標籤的action屬性是什麼意思?又有哪些用法? (附實例)

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

現在說說form標籤action屬性的用法介紹:

form表單中的action屬性的值是表單提交給的url,如果我們沒有設定action屬性,那麼預設的表單還是提交給目前頁面,以下是action屬性的三種用法介紹:

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

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

  • 表單提交到自身時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 form標籤的action屬性的全部介紹了,有問題的可以在下方留言。

【小編推薦】

如何為html中的pre標籤中的文字換行? html pre標籤的使用實例

HTML ul標籤的什麼意思? HTML ul標籤的作用詳解

#

以上是html form標籤的action屬性是什麼意思?又有哪些用法? (附實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板