前面我們講了HTML的各種數據輸入方式，數據輸入之后，一般來說應該提交給后臺處理，HTML通過表單form來提交數據。

form包含1個或多個數據輸入，如input，單選，復選，文件等等

form將其包含的輸入項，打包提交給后臺

form常用的2個屬性action，method

一個注冊表單如下，此表單包含3個輸入項，用戶名，密碼，郵箱，1個提交按鈕，點擊提交按鈕后，數據將以post方式，傳給/test/form.php進行處理：

用戶名:

密碼:

郵箱:

form－屬性actionaction屬性定義了處理表單的頁面，一般為后臺頁面

action為空則由當前表單頁面進行處理

form－屬性methodmethod定義提交表單時所用的 HTTP 方法(get 或 post)

何時使用 GET？表單默認通過get方式提交數據

提交數據量較少時，可以選擇get方式

當您使用 get 時，表單數據在頁面地址欄中是可見的，因此涉及隱私等重要數據時，不適合get方式

如下代碼，點擊提交時，數據在瀏覽器地址欄中可見，

/test/form?username=**&password=**&email=**

用戶名:

密碼:

郵箱:

用戶名:

密碼:

郵箱:

可以看到，點擊提交后，地址欄中顯示了輸入的密碼，因此涉及密碼等隱私數據，不能使用get方式傳遞數據

何時使用 POST？如果表單包含敏感信息(例如密碼)

如果表單包含大量的數據，如文章

如果表單包含文件上傳

POST 的安全性更加，因為在頁面地址欄中被提交的數據是不可見的。

用戶名:

密碼:

郵箱:

用戶名:

密碼:

郵箱:

form－屬性enctypeenctype 屬性規定在發送到服務器之前應該如何對表單數據進行編碼。

一般form可以不填寫該屬性

默認地，表單數據會編碼為 "application/x-www-form-urlencoded"。就是說，在發送到服務器之前，所有字符都會進行編碼(空格轉換為 "+" 加號，特殊符號轉換為 ASCII HEX 值)。

在使用包含文件上傳控件的表單時，必須設置enctype="multipart/form-data"

值描述

application/x-www-form-urlencoded在發送前編碼所有字符(默認)

multipart/form-data不對字符編碼。

在使用包含文件上傳控件的表單時，必須使用該值。

text/plain空格轉換為 "+" 加號，但不對特殊字符編碼。

form屬性列表：屬性描述

accept-charset規定在被提交表單中使用的字符集(默認：頁面字符集)。

action規定向何處提交表單的地址(URL)(提交頁面)。

autocomplete規定瀏覽器應該自動完成表單(默認：開啟)。

enctype規定被提交數據的編碼(默認：url-encoded)。

method規定在提交表單時所用的 HTTP 方法(默認：GET)。

name規定識別表單的名稱(對于 DOM 使用：document.forms.name)。

novalidate規定瀏覽器不驗證表單。

target規定 action 屬性中地址的目標(默認：_self)。

總結

以上是生活随笔為你收集整理的form.html,HTML表单form的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。