表單 <form>

<form> 通常是作為一個表單容器的存在，雖然以現在 Ajax 盛行的年代，已不需要直接用此方式，但還是有許多網站還是會以此方式運作。

Ajax

Ajax（Asynchronous JavaScript and XML）是指非同步的 JavaScript 和 XML，可讓網頁應用程式更快速、即時的更新資訊、介面及內容，不需要再重新讀取整個網頁，而讓使用者獲得更好的操作體驗。

<form action="/product.php" method="post">
  ...  
</form>

屬性

name

表單名稱，每個表單的名稱不可重複。

action

將資料發送到指定 URL 或某個檔案。

method

資料傳輸的 HTTP 協定，通常為 post、get。

HTTP 協定	說明
post	將資料放在傳輸的封包（Request Body）中並送出。
get	將資料附加到 action 的 URL 或檔案後面，使用 ? 進行分隔。

enctype

當 method 屬性的值為 post，傳送資料到伺服器的編碼方式有下列三種。

編碼方式	說明
application/x-www-form-urlencoded	預設值
multipart/form-data	如果有附加檔案 type="file"
text/plain	文字

novalidate

novalidate 為布林屬性，代表此表單不驗證。

target

伺服器回傳後，資料的顯示視窗。

autocomplete

是否啟用瀏覽器自動完成機制。

值	說明
off	不會自動完成。
on	自動完成。