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>            

猜你喜欢

转载自www.cnblogs.com/ccwx/p/12894489.html