HTML 表單屬性
本章介紹 HTML <form> 元素的不同屬性。
action 屬性
action 屬性定義了表單提交時要執行的操作。
通常，當用戶點選提交按鈕時，表單資料會發送到伺服器上的一個檔案。
在下面的示例中，表單資料被髮送到名為 "action_page.php" 的檔案。此檔案包含一個處理表單資料的伺服器端指令碼。
示例
提交時，將表單資料傳送到 "action_page.php"
<form action="/action_page.php">
<label for="fname">名:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">姓:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="提交">
</form>
自己動手試一試 »
提示： 如果省略 action 屬性，則操作被設定為當前頁面。
target 屬性
target 屬性指定在提交表單後接收到的響應顯示在哪裡。
target 屬性可以有以下值之一：
| 值 | 描述 |
|---|---|
| _blank | 響應在新視窗或新標籤頁中顯示 |
| _self | 響應在當前視窗中顯示 |
| _parent | 響應顯示在父框架中 |
| _top | 響應顯示在視窗的整個主體中 |
| framename | 響應顯示在命名的 iframe 中 |
預設值是 _self，這意味著響應將在當前視窗中開啟。
method 屬性
method 屬性指定提交表單資料時使用的 HTTP 方法。
表單資料可以作為 URL 變數傳送（使用 method="get"）或作為 HTTP POST 事務傳送（使用 method="post"）。
提交表單資料時，預設的 HTTP 方法是 GET。
GET 注意事項
- 將表單資料以名稱/值對的形式附加到 URL
- 切勿使用 GET 傳送敏感資料！（提交的表單資料在 URL 中可見！）
- URL 的長度有限制（2048 個字元）
- 適用於使用者希望收藏結果的表單提交
- GET 適用於非安全資料，例如 Google 中的查詢字串
POST 注意事項
- 將表單資料附加到 HTTP 請求的正文中（提交的表單資料不會在 URL 中顯示）
- POST 沒有大小限制，可用於傳送大量資料。
- 使用 POST 提交的表單無法收藏
提示： 如果表單資料包含敏感或個人資訊，請始終使用 POST！
autocomplete 屬性
autocomplete 屬性指定表單是否應啟用或停用自動完成功能。
當 autocomplete 為 on 時，瀏覽器會根據使用者之前輸入過的值自動完成輸入。
novalidate 屬性
novalidate 屬性是一個布林屬性。
當存在時，它指定提交表單資料（輸入）時不應進行驗證。
所有 <form> 屬性列表
| Attribute | 描述 |
|---|---|
| accept-charset | 指定用於表單提交的字元編碼 |
| action | 指定提交表單資料時傳送到的位置 |
| autocomplete | 指定表單是否應啟用或停用自動完成功能 |
| enctype | 指定提交表單資料時如何進行編碼（僅適用於 method="post"） |
| method | 指定傳送表單資料時要使用的 HTTP 方法 |
| name | 指定表單的名稱 |
| novalidate | 指定提交表單時不對錶單進行驗證 |
| rel | 指定連結資源與當前文件之間的關係 |
| target | 指定在提交表單後接收到的響應顯示在哪裡 |
