html表單中的操作和方法屬性指定提交時的形式數(shù)據(jù)和方式。 1。操作屬性定義了發(fā)送表單數(shù)據(jù)的位置，這可以是相對或絕對路徑；如果省略，表格將提交到當(dāng)前頁面。 2。該方法屬性確定所使用的HTTP方法 - 將數(shù)據(jù)附加到URL上，適用于非敏感，可檢索的數(shù)據(jù)，而POST則在請求主體中發(fā)送數(shù)據(jù)，該數(shù)據(jù)是敏感或修改操作的首選。 3。常見錯誤包括不正確的操作路徑，濫用敏感數(shù)據(jù)以及缺少用于文件上傳的Enctype之類的編碼設(shè)置。了解這些屬性可確保有效且安全的處理。

當(dāng)您使用HTML表單時，最重要的兩個屬性是action和method 。這些告訴瀏覽器在哪里發(fā)送表單數(shù)據(jù)以及如何發(fā)送。讓我們以一種直接的方式將它們分解。

action屬性做什么？

action屬性指定用戶提交表單時應(yīng)發(fā)送表單數(shù)據(jù)的位置。這通常是指向服務(wù)器端腳本（例如PHP，Python，Node.js等）的URL。

例如：

 <Form Action =“/提交形式”>

這意味著當(dāng)某人單擊“提交”時，他們的瀏覽器將向您的網(wǎng)站上的表單數(shù)據(jù)發(fā)送/submit-form 。

如果忽略action屬性，則表格將默認提交到當(dāng)前頁面 - 如果您使用JavaScript處理表單提交或同一頁面處理處理，則該表格將很有用。

需要注意的幾件事：

• 該路徑可以是相對（ /submit-form ）或絕對（ https://example.com/submit ）
• 使用/process.php或/api/submit后端端點很常見
• 如果您使用JavaScript來處理提交，則可能不需要此

該method屬性如何工作？

method屬性確定表單數(shù)據(jù)如何發(fā)送到服務(wù)器。有兩個主要值： GET和POST 。

獲取方法

當(dāng)您使用method="get"時，將表單數(shù)據(jù)作為查詢字符串附加到URL。例如：

 <form action =“/search”方法=“ get”>

如果用戶將“ Apple”鍵入名為query的輸入，則瀏覽器將轉(zhuǎn)到：

 /搜索？查詢=蘋果

使用時GET ：

• 您正在檢索數(shù)據(jù)（例如搜索結(jié)果）
• 您不介意在URL中可見的數(shù)據(jù)
• 您希望用戶能夠添加書簽或分享結(jié)果

但是避免GET ：

• 敏感數(shù)據(jù)（因為它顯示在URL和瀏覽器歷史記錄中）
• 大量數(shù)據(jù)（URL長度有限制）

帖子方法

使用method="post" ，數(shù)據(jù)是在HTTP請求主體中發(fā)送的，而不是在URL中發(fā)送的。因此，在地址欄中看不到它。

 <form action =“/login” method =“ post”>

使用POST時間：

• 您正在發(fā)送敏感信息（例如密碼或個人信息）
• 您正在修改或創(chuàng)建數(shù)據(jù)（例如提交注釋或登錄）
• 您希望該操作具有副作用（例如更新數(shù)據(jù)庫）

要記住的一件事：瀏覽器通常會警告用戶重新提交發(fā)布請求，這有助于防止意外的雙重提取。

常見的錯誤和技巧

這是人們經(jīng)常出錯或忽略的一些事情：

• 錯誤的action路徑：確保URL action存在，并由服務(wù)器正確處理。
• 令人困惑的獲取和發(fā)布：使用GET來獲取， POST以更改事物。那是一般的經(jīng)驗法則。
• 缺少method ：如果未指定方法，則默認要GET 。并非總是想要的，尤其是對于登錄表單或聯(lián)系表格。
• 編碼問題：表單數(shù)據(jù)編碼取決于稱為enctype的另一個屬性。如果您要上傳文件，請確保設(shè)置enctype="multipart/form-data" 。

還有一件事 - 如果您使用JavaScript來處理表單提交（使用fetch或XMLHttpRequest ），則仍然可以使用這些屬性，但是您可能會阻止默認行為，因此瀏覽器不會重新加載頁面。

因此，基本上， action告訴瀏覽器去哪里， method告訴它如何到達那里。它們很簡單，但是了解何時以及如何使用它們會帶來很大的不同。

以上是HTML表單元素的動作和方法屬性如何工作？的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！