form 和 table的區別

html中form表示一個表單,用來把一系列的控件包圍起來,然後再統一發送這些數據到目標,比如最常見的註冊,你說需要填寫的資料,都是被封裝在form裏的,填寫完畢後,提交form內的內容,如果不再form內則不會提交
而table 則是用來佈局的 當你填寫資料的時候 你有沒有發現頁面所提供的文本框,文字,按鈕之類的..都擺放的非常整齊 這就是table的作用,一行一行的以表格的形式展示內容
table僅僅只是用來佈局用的,form則是用來封裝數據的
2者在概念上是不同的,通常發揮作用的是form,但是form內那些無規則隨意擺放的文本框怎麼看上去很整齊呢 ,所以通常是一個form裏嵌套table
比如:
<form action='xx.jsp'>
    <table>
       <tr>
          <td>用戶名:</td>
          <td>  <input type='text' />  </td>
       <tr>
    </table>
  </form>

看出form和table的區別了吧 ,真正要提交給服務器的東西 ,是包含在form裏的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> 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章