html中form標(biāo)簽與table標(biāo)簽之間有什么區(qū)別

html中form標(biāo)簽與table標(biāo)簽之間有什么區(qū)別？相信有很多人都不太了解，今天小編為了讓大家更加了解form標(biāo)簽與table標(biāo)簽的區(qū)別，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。

我們先看看HTML form標(biāo)簽和table標(biāo)簽的三點(diǎn)區(qū)別：

1.html中form表示一個(gè)表單,用來(lái)把一系列的控件包圍起來(lái),然后再統(tǒng)一發(fā)送這些數(shù)據(jù)到目標(biāo),比如最常見(jiàn)的注冊(cè),你說(shuō)需要填寫(xiě)的資料,都是被封裝在form里的,填寫(xiě)完畢后,提交form內(nèi)的內(nèi)容,如果不再form內(nèi)則不會(huì)提交。

2.table 則是用來(lái)布局的 當(dāng)你填寫(xiě)資料的時(shí)候 你有沒(méi)有發(fā)現(xiàn)頁(yè)面所提供的文本框,文字,按鈕之類的..都擺放的非常整齊 這就是table的作用,一行一行的以表格的形式展示內(nèi)容。

3.table僅僅只是用來(lái)布局用的,form則是用來(lái)封裝數(shù)據(jù)的。二者在概念上是不同的,通常發(fā)揮作用的是form，但是form內(nèi)那些無(wú)規(guī)則隨意擺放的文本框怎么看上去很整齊呢 ，所以通常是一個(gè)form里嵌套table。

看一個(gè)form和table區(qū)別的實(shí)例：

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

效果大家應(yīng)該都能想到吧：

真正要提交給服務(wù)器的東西 ，是包含在form里的form元素，table只是將這些元素在頁(yè)面上擺放整齊。

接下來(lái)看看form標(biāo)簽和table標(biāo)簽各自作用的區(qū)別：

<form>標(biāo)簽作用：

<form>標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。

1.表單能夠包含input元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。

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

3.表單用于向服務(wù)器傳輸數(shù)據(jù)。

注釋：form元素是塊級(jí)元素，其前后會(huì)產(chǎn)生折行。

這有個(gè)實(shí)例證明：

<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> 標(biāo)簽作用：

<table> 標(biāo)簽定義 HTML 表格。

1.簡(jiǎn)單的 HTML 表格由 table 元素以及一個(gè)或多個(gè) tr、th 或 td 元素組成。

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

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

這也有實(shí)例：一個(gè)簡(jiǎn)單的 HTML 表格，包含兩行兩列：

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

以上就是html中form標(biāo)簽與table標(biāo)簽之間有什么區(qū)別的詳細(xì)內(nèi)容了，看完之后是否有所收獲呢？如果想了解更多相關(guān)內(nèi)容，歡迎來(lái)億速云行業(yè)資訊。