Javascript 操作表單

| | | | | | | | | | | | | | | | | | | | | | |

HTML 表單操作屬性定義了在網頁上提交表單時數據應該發生的情況。 action 屬性的值應該是處理表單內容的 Web 資源的 URL。

當您在站點或 Web 應用程序上創建表單和請求數據時,您通常想對你的數據做點什麼,對吧?這就是 shape 動作屬性發揮作用的地方。

您應該了解 在 HTML 中創建表單 的基礎知識。基本上,您將表單的內容包裝在

元素標記中。在開始標籤中,我們可以使用一些屬性,其中之一是動作。

動作屬性用於指定提交表單時要將表單數據發送到哪裡。所以action值就是要處理表單的頁面。

HTML表單動作屬性

HTML表單的action屬性表示它將處理表單內容的URL .你需要確保action屬性指向的web資源接受你在“method”屬性中指定的方法

我們來看看action屬性的語法:.

action 屬性出現在我們打開的 標籤之間。該屬性通常與方法屬性一起使用。

默認情況下,方法屬性設置為“get”。這意味著您的表單將在提交時通過 HTTP GET 請求 提交數據。您可以通過在開始 標記

當點擊提交按鈕時,表單數據被發送到“action”URL

HTML表單的示例動作

讓我們看一個例子:

上面,該操作將用戶名和電子郵件數據發送到名為 process.html 的頁面。用戶名和電子郵件數據的類型為 d `input "text.," 我們定義了一個輸入類型為 "submit.," 的按鈕。當您單擊它時,此按鈕將在我們的 "action,äù URL 上標記我們的數據。

現在輸入上面的表單示例 - . 它在一個實際的 HTML 文件中然後 . 在同一文件夾中創建一個名為 process.html 的文件 該文件必須具有以下內容:

這段代碼定義了一個簡單的網頁,當頁面加載時顯示一段文字。返回我們的在線形式,我們早先定義和編譯:

<人物類=“WP-圖像集團”> OWvTniC0yol39X點擊 2XOWvTniC0XP> OwvTniC0yo l.ht.ht。所以,你注意到了 url 欄,這些額外的數據是什麼? “?”符號後面的數據是查詢參數,我們已經將請求表示為GET,數據作為查詢參數傳遞

PHP 學習指南。

是否需要 action 屬性?

在 HTML4 中,答案是肯定的。在 HTML5 的今天,不需要指定 action 屬性。你有一個沒有動作屬性的表單標籤,那麼數據將被發送到它自己的頁面。

我們為什麼要這樣做?隨著單頁應用程序(ZPS)的出現,我們可能想使用 JavaScript 處理我們的表單數據。或者我們可能想使用另一個框架來處理我們的數據,比如 React / Angular。

如果我們使用 Vanilla JavaScript,我們通常會添加 JavaScript 審計事件

a> 提交表單時。

結論

HTML 表單操作屬性定義了提交表單時表單內容髮生的情況。 action 屬性將 URL 作為參數。

您有興趣成為一名網絡開發人員嗎?查看我們的HTML 學習完整指南。您將找到有關學習 HTML 的專家提示,以及最佳在線課程和學習資源列表。