form和table的區別

轉自：http://www.360doc.com/content/11/0108/14/5416196_84975265.shtml

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

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

　　二者在概念上是不同的,通常發揮作用的是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>