【HTML 教程】表單標簽

作者 | 阮一峰

表單（form）是用戶輸入信息與網(wǎng)頁互動的一種形式。大多數(shù)情況下，用戶提交的信息會發(fā)給服務器，比如網(wǎng)站的搜索欄就是表單。

表單由一種或多種的小部件組成，比如輸入框、按鈕、單選框或復選框。這些小部件稱為控件（controls）。

1、

1.1、簡介

標簽用來定義一個表單，所有表單內(nèi)容放到這個容器元素之中。

<form>
  
form>

上面代碼就是表單的基本形式。

下面是一個比較常見的例子。

<form action="https://example.com/api" method="post">
  <label for="POST-name">用戶名：label>
  <input id="POST-name" type="text" name="user">
  <input type="submit" value="提交">
form>

上面代碼就是一個表單，一共包含三個控件：一個標簽，一個文本輸入框，一個提交按鈕。

其中，文本輸入框的name屬性是user，表示將向服務器發(fā)送一個鍵名為user的鍵值對，鍵值就是這個控件的value屬性，等于用戶輸入的值。

用戶在文本輸入框里面，輸入用戶名，比如foobar，然后點擊提交按鈕，瀏覽器就會向服務器https://example.com/api發(fā)送一個 POST 請求，發(fā)送user=foobar這樣一段數(shù)據(jù)。

有以下屬性。

• accept-charset：服務器接受的字符編碼列表，使用空格分隔，默認與網(wǎng)頁編碼相同。

• action：服務器接收數(shù)據(jù)的 URL。

• autocomplete：如果用戶沒有填寫某個控件，瀏覽器是否可以自動填寫該值。它的可能取值分別為off（不自動填寫）和on（自動填寫）。

• method：提交數(shù)據(jù)的 HTTP 方法，可能的值有post（表單數(shù)據(jù)作為 HTTP 數(shù)據(jù)體發(fā)送），get（表單數(shù)據(jù)作為 URL 的查詢字符串發(fā)送），dialog（表單位于

  內(nèi)部使用）。

• enctype：當method屬性等于post時，該屬性指定提交給服務器的 MIME 類型?？赡艿闹禐閍pplication/x-www-form-urlencoded（默認值），multipart/form-data（文件上傳的情況），text/plain。

• name：表單的名稱，應該在網(wǎng)頁中是唯一的。注意，如果一個控件沒有設置name屬性，那么這個控件的值就不會作為鍵值對，向服務器發(fā)送。

• novalidate：布爾屬性，表單提交時是否取消驗證。

• target：在哪個窗口展示服務器返回的數(shù)據(jù)，可能的值有_self（當前窗口），_blank（新建窗口），_parent（父窗口），_top（頂層窗口），