zoukankan      html  css  js  c++  java
  • 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>            
  • 相关阅读:
    Kudu vs HBase
    数据分析怎么更直观?十分钟构建数据看板
    The Beam Model:Stream & Tables翻译(上)
    3分钟掌握一个有数小技能:收入贡献分析
    猛犸机器学习开发实践
    SparkSQL大数据实战:揭开Join的神秘面纱
    细说Mammut大数据系统测试环境Docker迁移之路
    python中的闭包与装饰器
    import详解
    python中的with与上下文管理器
  • 原文地址:https://www.cnblogs.com/ccwx/p/12894489.html
Copyright © 2011-2022 走看看