明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

html form標簽與table標簽的區(qū)別是什么?這里有說明!

[摘要]本篇文章主要介紹的是關于HTML form標簽和table標簽的區(qū)別有哪些,本文介紹了form標簽和table標簽各自的區(qū)別,還有form標簽和table標簽的各自作用的區(qū)別,現(xiàn)在讓我們開始看文章吧我們先看看HTML form標簽和table標簽的三點區(qū)別:1.html中form表示一個表單,用來...
本篇文章主要介紹的是關于HTML form標簽和table標簽的區(qū)別有哪些,本文介紹了form標簽和table標簽各自的區(qū)別,還有form標簽和table標簽的各自作用的區(qū)別,現(xiàn)在讓我們開始看文章吧

我們先看看HTML form標簽和table標簽的三點區(qū)別:

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

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

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

看一個form和table區(qū)別的實例:

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

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

tuyi.png

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

接下來看看form標簽和table標簽各自作用的區(qū)別:

<form>標簽作用:

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

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

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

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

注釋:form元素是塊級元素,其前后會產(chǎn)生折行。

這有個實例證明:

<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>

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

【小編推薦】

如何給html中的pre標簽中的文字換行?html pre標簽的使用實例

HTML ul標簽的什么意思?HTML ul標簽的作用詳解

以上就是html form標簽與table標簽的區(qū)別是什么?這里有說明!的詳細內(nèi)容,更多請關注php中文網(wǎng)其它相關文章!


網(wǎng)站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。