form和table的区别

时间：2020-05-15 14:04:48 阅读：32 评论：0 收藏：0 [点我收藏+]

转自：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>

form和table的区别

原文：https://www.cnblogs.com/ccwx/p/12894489.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)