有沒有發現，自己在寫模板的時候很少使用form元素，一來form和table總是那么傻傻分不清楚；二來form的特性理解不清楚，有了input、label來了直接就上，根本不用form（不知道有沒有人和我一樣）。因此，不得不再來針對form這個元素開個小灶。

?

追根溯源：

<form> 標簽用于為用戶輸入創建 HTML 表單。表單能夠包含input元素（元素由一個開始的標簽和結束的標簽組成，用來包含某些內容），比如文本字段、復選框、單選框、提交按鈕等等，還可以包含textarea、fieldset、legend、label標簽（如:<br/>本身既是開始標簽也是結束標簽，但不包含任何內容，所以這只是個標簽）。主要用于向服務器傳輸數據。它是一個塊元素。

?

條分縷析：

其實form本身還是很高大上的，首先，它是和服務器打交道的，其次，它統帥了旗下的所有表單標簽。一般在頁面中總會遇到一些個人信息的填寫，這兒就是form的用武之地，它有兩個重要屬性：action（服務器的地址）、method（提交數據的方式）。當你填寫完數據后點擊提交，form就會攜帶者這些數據信息找服務器去了。

但是對于input這些表單標簽來說，要不要form這個父元素都不是必須的，因為現在有了js，我們提交數據可以用腳本來完成，尤其是現在有了ajax這個異步交互的方式，因此，這樣就造成了開篇說的對form陌生的結果。況且，有時候這個input標簽不是為了提交數據使用的，它可能僅僅就是單純的以信息輸入的工具來使用。因此，不要在意識里產生form和input等是相互依賴的關系這樣的想法。

具體在使用的時候該如何權衡，是用傳統的submit方式提交，還是用js進行事件監聽，它們之間有什么區別和優劣，數據提交的時候分別都發生了什么，用哪個更可靠，這。。。還需小生另番研究，下回分解。

?

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的关于form标签，你该知道的全部內容，希望文章能夠幫你解決所遇到的問題。

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