搜尋
首頁CMS教程&#&按Wordpress表單標籤的action屬性怎麼寫

Wordpress表單標籤的action屬性怎麼寫

Jul 19, 2019 pm 02:47 PM
actionwordpress表單提交

Wordpress表單標籤的action屬性怎麼寫

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

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

屬性值的介紹:(看圖)

Wordpress表單標籤的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>

效果圖:(又看圖)

Wordpress表單標籤的action屬性怎麼寫

#相關推薦:《WordPress教學

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

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

<form name="input"
action="html_form_action.asp" method="get">

使用者名稱: 

<input type="text" name="user" />
<input type="submit" value="点这里提交" />
</form>

瀏覽器顯示如圖效果

Wordpress表單標籤的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

以上是Wordpress表單標籤的action屬性怎麼寫的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
WordPress的插件生態系統如何增強其CMS功能?WordPress的插件生態系統如何增強其CMS功能?May 14, 2025 am 12:20 AM

WordPressPluginsscmscmscapabilities byferingCustomization和Functionality.1)超過50,000pluginsallowuserstailostailortheortheortheortheirsiteforseo,電子商務和蘇聯。 2)pluginScaneCanextendCoreFeatures,likeaddingcustompostposttypes.3bully.3 burl

WordPress適合電子商務嗎?WordPress適合電子商務嗎?May 13, 2025 am 12:05 AM

是的,WordPress非常适合做电商。1)通过WooCommerce插件,WordPress可以快速变成功能全面的在线商店。2)需要关注性能优化和安全性,定期更新和使用缓存、安全插件是关键。3)WordPress提供了丰富的定制选项,提升用户体验和SEO优化效果显著。

如何在 Yandex 網站管理員工具中添加您的 WordPress 網站如何在 Yandex 網站管理員工具中添加您的 WordPress 網站May 12, 2025 pm 09:06 PM

您想將您的網站連接到Yandex網站管理員工具嗎? Google搜索控制台、Bing和Yandex等網站管理員工具可幫助您優化網站、監控流量、管理robots.txt、檢查網站錯誤等。在本文中,我們將分享如何在Yandex網站管理員工具中添加您的WordPress網站來監控您的搜索引擎流量。什麼是Yandex? Yandex是一個位於俄羅斯的流行搜索引擎,類似於Google和Bing。您可以在Yandex中優

如何修復 WordPress 中的 HTTP 圖片上傳錯誤(簡單)如何修復 WordPress 中的 HTTP 圖片上傳錯誤(簡單)May 12, 2025 pm 09:03 PM

您需要修復WordPress中的HTTP圖片上傳錯誤嗎?當您在WordPress中創建內容時,此錯誤可能會特別令人沮喪。當您使用內置WordPress媒體庫將圖像或其他文件上傳到CMS時,通常會發生這種情況。在本文中,我們將向您展示如何輕鬆修復WordPress中的HTTP圖片上傳錯誤。 WordPress媒體上傳過程中出現HTTP錯誤的原因是什麼?當您嘗試使用WordPress媒體上傳器將文件上傳到Wo

如何修復添加媒體按鈕在 WordPress 中不起作用的問題如何修復添加媒體按鈕在 WordPress 中不起作用的問題May 12, 2025 pm 09:00 PM

最近,我們的一位讀者報告說,他們的WordPress網站上的“添加媒體”按鈕突然停止工作。此經典編輯器問題不會顯示任何錯誤或警告,這使用戶不知道為什麼他們的“添加媒體”按鈕不起作用。在本文中,我們將向您展示如何輕鬆修復WordPress中的“添加媒體”按鈕不起作用的問題。是什麼導致WordPress“添加媒體”按鈕停止工作?如果您仍在使用舊的經典WordPress編輯器,那麼“添加媒體”按鈕允許您將圖像、視頻等插入博客文章中。

如何設置、獲取和刪除 WordPress Cookie(像專業人士一樣)如何設置、獲取和刪除 WordPress Cookie(像專業人士一樣)May 12, 2025 pm 08:57 PM

您想了解如何在WordPress網站上使用cookie嗎? Cookie是在用戶瀏覽器中存儲臨時信息的有用工具。您可以使用此信息通過個性化和行為定位來增強用戶體驗。在本終極指南中,我們將向您展示如何像專業人士一樣設置、獲取和刪除WordPresscookie。注意:這是一個高級教程。它要求您精通HTML、CSS、WordPress網站和PHP。什麼是Cookie? Cookie是用戶訪問網站時創建並存儲在用戶瀏覽

如何修復 WordPress 429 請求過多錯誤如何修復 WordPress 429 請求過多錯誤May 12, 2025 pm 08:54 PM

您是否在WordPress網站上看到“429請求過多”錯誤?此錯誤消息意味著用戶向您網站的服務器發送了太多HTTP請求。此錯誤可能會非常令人沮喪,因為很難找出導致該錯誤的原因。在本文中,我們將向您展示如何輕鬆修復“WordPress429TooManyRequests”錯誤。是什麼原因導致WordPress429請求過多錯誤? “429TooManyRequests”錯誤的最常見原因是用戶、機器人或腳本嘗試向網站

WordPress作為大型網站的CMS有多可擴展?WordPress作為大型網站的CMS有多可擴展?May 12, 2025 am 12:08 AM

WordPressCanHandLeLArgeWebsiteswithCareFulplanningAndOptimization.1)USECACHINGTOREDUCESERVERVERLOAD.2)優化YourDataBaseRegularly.3)actimentAcdNtododistibuteContent.4))

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具