form, table表示表格的时候有什么区别?

http://zhidao.baidu.com/link?url=1DFrMJlzV_fHSyGmKEi77ki6g2IrjrMfRGwVYNHL5Y8iJC9Diu2BoMGEiB3wbnkTCHmSX4Um_m-K9vMDh5NWqq

html中form表示一个表单,用来把一系列的控件包围起来,然后再统一发送这些数据到目标,比如最常见的注册,你说需要填写的资料,都是被封装在form里的,填写完毕后,提交form内的内容,如果不再form内则不会提交
而table 则是用来布局的 当你填写资料的时候 你有没有发现页面所提供的文本框,文字,按钮之类的..都摆放的非常整齐 这就是table的作用,一行一行的以表格的形式展示内容
table仅仅只是用来布局用的,form则是用来封装数据的
2者在概念上是不同的,通常发挥作用的是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只是将这些元素在页面上摆放整齐

时间: 2024-10-13 22:55:57

form, table表示表格的时候有什么区别?的相关文章

基于CSS属性display:table的表格布局的使用

项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格的合并,即采用正行嵌套一个单独的display:table的DIV,然后在嵌套的表格DIV内部通过控制行列数和行列的高度,实现单元格合并.个人建议全新实现使用<table> HTML标签即可 一.CSS display属性的表格布局相关属性的解释: table    此元素会作为块级表格来显示(类

Css制作table细线表格

Css制作table细线表格 关键点: table {border-collapse:collapse; /* 关键属性:合并表格内外边框(其实表格边框有2px,外面1px,里面还有1px哦) */border:1px solid #999; /* 设置边框属性:样式(solid=实线).颜色(#999=灰) */}

element-ui table中表格错误问题解决

在iframe关闭和切换导航会引起有table的表格错位,解决办法: handleAdminNavTab: function(tab) { var adminContent = this.$el.querySelector('.sc-admin__content__bd'); var iframes = adminContent.querySelectorAll('iframe'); this.$nextTick(function() { var url = 'projectController

bs4_.table(表格)

目录 基础表格--.table 条纹表格--.table-striped 带边框表格--.table-bordered 鼠标悬停状态表格--.table-hover 黑色背景表格--.table-dark 黑色条纹表格--.table-striped和.table-dark连用 五彩斑斓的表格带鼠标悬停效果 基础表格--.table 对<table&bt;添加.table类即可 .table th, .table td { padding: 0.75rem; vertical-align:

form表单中method的get和post区别

一.问题的提出   <form action="getPostServlet/getPost.do?param4=param4" method="get">     <input type="hidden" name="param1" value="param1">     <input type="hidden" name="param2&quo

Xamarin.Form与Xamarin.Android或Xamarin.IOS的区别简述

原文:Xamarin.Form与Xamarin.Android或Xamarin.IOS的区别简述 Xamarin.Form与Xamarin.Android或Xamarin.IOS的区别简述: 可能刚刚接触Xamarin的人来说,对于这个概念比较的模糊,认为这说的不都是同一个东西吗?事实并不是这样的,我们先来说说Xamarin.Android和Xamarin.IOS吧,这两个其实就是一个单独的工程,在这里面我们可以针对安卓或者IOS进行代码的编写,而且支持原生的代码调用,这对于安卓或者IOS的开发

table 设置表格有滚动条。

<!DOCTYPE HTML> 2 <html> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <title>设置表格有滚动条</title> 7 <style> 8 * { 9 margin: 0; 10 padding: 0; 11 } 12 13 table

HTML-DOM常用对象的用法(select/option/form/table)

HTML DOM 常用对象: 它对常用HTML元素操作的简化. Select对象 它代表页面上的一个select元素,常用属性有: select.value --当前选中项的value ,没有value,就返回选中项的内容. select.options --保存select下所有option元素对象,相当于: select.getElementsByTagName("option"): select.options.length --保存select下option的个数,清空sele

table( 表格)以及列表的使用

<p>===============table知识总结===============</p><ol type="A"><li>table即是表格的意思,以table开始以及结束.</li><li>caption标签  是为表格添加标题,不现实在表格范围之内,且只能有一个.</li>  <li>tr代表行,td代表列,th是td的拓展,<b>th标签内的内容会议粗体和居中的样式显示