html form標籤與table標籤的區別是什嗎？這裡有說明！

本篇文章主要介紹的是關於HTML form標籤和table標籤的區別有哪些，本文介紹了form標籤和table標籤各自的區別，還有form標籤和table標籤的各自作用的區別，現在讓我們開始看文章吧

我們先看看HTML form標籤和table標籤的三點區別：

1.html中form表示一個表單,用來把一系列的控制項包圍起來,然後再統一發送這些資料到目標,比如最常見的註冊,你說需要填寫的資料,都是被封裝在form裡的,填寫完畢後,提交form內的內容,如果不再form內則不會提交。

2.table 則是用來布局的 當你填寫資料的時候 你有沒有發現頁面所提供的文字框,文字,按鈕之類的..都擺放的非常整齊 這就是table的作用,一行一行的以表格的形式展示內容。

3.table僅僅只是用來布局用的,form則是用來封裝資料的。二者在概念上是不同的,通常發揮作用的是form，但是form內那些無規則隨意擺放的文字框怎麼看上去很整齊呢 ，所以通常是一個form裡嵌套table。

看一個form和table區別的執行個體：

<form action='123.jsp'><table><tr><td>使用者名稱：</td><td><input type='text' /></td><tr></table></form>

效果大家應該都能想到吧：

真正要提交給伺服器的東西 ，是包含在form裡的form元素，table只是將這些元素在頁面上擺放整齊。

接下來看看form標籤和table標籤各自作用的區別：

<form>標籤作用：

<form>標籤用於為使用者輸入建立 HTML 表單。

1.表單能夠包含input元素，比如文字欄位、複選框、單選框、提交按鈕等等。

2.表單還可以包含menus、textarea、fieldset、legend和label元素。

3.表單用於向伺服器傳輸資料。

注釋：form元素是區塊層級元素，其前後會產生折行。

這有個執行個體證明：

<form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="submit" value="Submit" /> </form>

<table> 標籤作用：

<table> 標籤定義 HTML 表格。

1.簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。

tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元。

2.更複雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

這也有執行個體：一個簡單的 HTML 表格，包含兩行兩列：

<table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>

到這本篇文章就算是結束了，要是有什麼問題，歡迎在下面留言