?
Ce document utilise Manuel du site Web PHP chinois Libérer
HTML<form>元素表示了文檔中的一個區(qū)域，這個區(qū)域包含有交互控制元件，用來向web服務器提交信息。
可以用:valid和:invalidCSS 偽類 來給一個元素指定樣式。
內(nèi)容類別 | 流量的內(nèi)容，明顯的內(nèi)容 |
|---|---|
允許的內(nèi)容 | 流內(nèi)容，但不包含<form>元素 |
標記遺漏 | 沒有，起始和結(jié)束標簽都是強制性的。 |
允許的父母 | 任何接受流內(nèi)容的元素 |
允許ARIA角色 | 組，演示文稿 |
DOM界面 | HTMLFormElement |
屬性
這個元素包括一些 全局屬性.
acceptHTML 4一個逗號分隔的列表，包括服務器能接受的內(nèi)容類型。
可用性備注: 這個屬性將會在HTML5中被移除并且不再被使用。作為替代，使用 <input>元素中的accept 屬性。
accept-charset一個空格分隔或逗號分隔的列表，這個列表包括了服務器支持的字符編碼。瀏覽器以這些編碼被列舉的順序使用它們。默認值是一個保留字符串“UNKNOWN”。這個字符串指的是，和包含這個form元素的文檔相同的編碼。
在之前版本的HTML中，不同的字符編碼可以用空格或逗號分隔。在HTML5中，只有空格可以允許作為分隔符。
action一個處理這個form信息的程序所在的URL。這個值可以被 <button>或者 <input>元素中的 formaction屬性重載（覆蓋）。
autocapitalize這是一個被 iOS Safari Mobile 使用的非標準屬性。當用戶在一些form的文本后代控件中，輸入/編輯一些文本值時，這個屬性控制了是否和怎樣，對這些文本值首字母大寫化。如果 autocapitalize 屬性在某個單獨的form后代控件被指定的話，那么這個單獨的設定會干掉（原先）form范圍內(nèi)的 autocapitalize 設定. 這個非不推薦的值從 iOS 5 及其之后可用. 默認值為 sentences. 可以選擇的值如下:
none: 完全禁用自動首字母大寫.
sentences: 自動對每句話首字母大寫.
words: 自動對每個單詞首字母大寫.
characters: 自動大寫所有的字母.
on: 從 iOS 5 以后不被推薦使用.
off: 從 iOS 5 以后不被推薦使用.
autocompleteHTML5用于指示 input 元素是否能夠擁有一個默認值，這個默認值是由瀏覽器自動補全的。這個設定可以被屬于這個form的子元素的autocomplete 屬性重載（覆蓋）。 可能的值有:
off: 在每一個用到的輸入域里，用戶必須顯式的輸入一個值，或者document 以它自己的方式提供自動補全；瀏覽器不會自動補全輸入。
on: 瀏覽器能夠根據(jù)用戶之前在form里輸入的值自動補全。
對于大多數(shù)設置autocomplete屬性的現(xiàn)代瀏覽器（包括Firefox 38+，Google Chrome 34+，IE 11+），都不會阻止瀏覽器的密碼管理器詢問用戶是否要存儲登錄字段（用戶名和密碼），如果用戶允許瀏覽器在下次用戶訪問該頁面時自動填寫登錄信息。請參閱自動填充屬性和登錄字段。
注意:如果你在一個表單里把 autocomplete設置成 off 是因為 document 提供了它獨有的自動補全，那么你也應該把這個表單里每一個 input 元素的 autocomplete設成off 來讓 document 能夠自動補全.
enctype當method 屬性值為 post 時, enctype 是提交form給服務器的內(nèi)容的 MIME 類型 ?？赡艿娜≈涤?
application/x-www-form-urlencoded: 如果屬性未指定時的默認值。
multipart/form-data: 這個值用于一個type屬性設置為 "file" 的<input>元素。
text/plain (HTML5)
這個值可以被 <button>或者 <input> 元素中的 formenctype 屬性重載（覆蓋）。
method瀏覽器使用這種 HTTP方式來提交 form. 可能的值有:
post: 指的是 HTTPPOST 方法; 表單數(shù)據(jù)會包含在表單體內(nèi)然后發(fā)送給服務器.
get: 指的是 HTTP GET 方法; 表單數(shù)據(jù)會附加在action屬性的URI中，并以 '?' 作為分隔符, 然后這樣得到的 URI 再發(fā)送給服務器. 當這樣做（數(shù)據(jù)暴露在URI里面）沒什么副作用，或者表單僅包含ASCII字符時，再使用這種方法吧。
這個值可以被 <button>或者 <input> 元素中的 formmethod 屬性重載（覆蓋）。
name這個form的名字。在HTML4中，這個用法不被推薦(作為替代，應該使用id). HTML5中，一個文檔中的多個form當中，name必須唯一而不僅僅是一個空字符串。
novalidateHTML5這個布爾類型的屬性指示了，當提交時form是否沒有被驗證。 如果這個屬性沒有指定 (因此這個 form 是驗證通過的)，這個默認設置可以被屬于這個form的 <button>或者 <input> 元素中的formnovalidate 屬性重載（覆蓋）。
target一個名字或者說關鍵字，用來指示在提交表單之后，在哪里顯示收到的回復. 在 HTML 4 里, 這是一個用于 frame 的名字/關鍵字. 在 HTML5 里, 這是一個用于 browsing context 瀏覽器上下文 的名字/關鍵字 (舉例來說, 標簽頁tab, 窗口window, or 或者行內(nèi) frame). 如下的關鍵字含有特別的含義:
_self: 在當前HTML4或HTML5文檔頁面重新加載返回值。這個是默認值。譯注：也就是說如果這個文檔在一個frame中的話，self是在當前frame（document）中重新加載的，而不是整個頁面（window）。
_blank: 以新的HTML4或HTML5文檔窗口加載返回值。
_parent: 在父級的frame中以HTML4或HTML5文檔形式加載返回值，如果沒有父級的frame，行為和_self一致。
_top: 如果是HTML 4文檔: 清空當前文檔，加載返回內(nèi)容；HTML5: 在當前文檔的最高級內(nèi)加載返回值，如果沒有父級，和_self的行為一致。
iframename: 返回值在指定frame中加載。
HTML5: 這個值可以被 <button>或者 <input> 元素中的formtarget 屬性重載（覆蓋）。
示例
HTML 內(nèi)容
<!-- Simple form which will send a GET request --><form action="" method="get"> <label for="GET-name">Name:</label> <input id="GET-name" type="text" name="name"> <input type="submit" value="Save"></form><!-- Simple form which will send a POST request --><form action="" method="post"> <label for="POST-name">Name:</label> <input id="POST-name" type="text" name="name"> <input type="submit" value="Save"></form><!-- Form with fieldset, legend, and label --><form action="" method="post"> <fieldset> <legend>Title</legend> <input type="radio" name="radio" id="radio"> <label for="radio">Click me</label> </fieldset></form>
規(guī)范
規(guī)范 | 狀態(tài) | 評論 |
|---|---|---|
HTML Living Standard該規(guī)范中'<form>'的定義。 | 生活水平 | |
HTML5該規(guī)范中'<form>'的定義。 | 建議 | |
HTML 4.01規(guī)范該規(guī)范中'<form>'的定義。 | 建議 | 初始定義 |
瀏覽器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
accept | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
accept-charset | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
action | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
autocapitalize | No | No | No | No | No | No |
autocomplete | (Yes)1 | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
enctype | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
method | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
name | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
novalidate | 1 | (Yes) | 4 | 10 | ? | ? |
target | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
accept | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
accept-charset | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
action | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
autocapitalize | No | No | No | No | No | No | (Yes) |
autocomplete | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
enctype | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
method | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
name | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
novalidate | ? | ? | (Yes) | 4 | (Yes) | ? | ? |
target | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |