您好,登錄后才能下訂單哦!
html中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>
以上就是html中form標簽與table標簽之間有什么區別的詳細內容了,看完之后是否有所收獲呢?如果想了解更多相關內容,歡迎來億速云行業資訊。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。