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>            
  • 相关阅读:
    深入Spring之IOC之加载BeanDefinition
    Hexo+GitHub Actions 完美打造个人博客
    Spring中资源的加载原来是这么一回事啊!
    Web 跨域请求问题的解决方案- CORS 方案
    重新认识 Spring IOC
    Spring Data Jpa 入门学习
    前奏:Spring 源码环境搭建
    最短路径——floyd算法代码(c语言)
    leetcode 第184场周赛第一题(数组中的字符串匹配)
    如何用尾插法建立双链表(C语言,非循环)
  • 原文地址:https://www.cnblogs.com/ccwx/p/12894489.html
Copyright © 2011-2022 走看看