html怎么让form弄成一个表,创建一个HTML表,其中每个TR是一个FORM
如果你想要一个“可编辑的网格”,即一个表结构,允许你使任何行的形式,使用CSS模仿TABLE标记的布局:display:table,display:table-row和display:table-cell 。
没有必要将整个表格包装在一个表单中,并且不需要为表格的每个表面行创建单独的表单和表格。
试试这个:
DIV.table
{
display:table;
}
FORM.tr, DIV.tr
{
display:table-row;
}
SPAN.td
{
display:table-cell;
}
...
(cell data)
(cell data)
...
在FORM中包装整个TABLE的问题是任何和所有的表单元素将在提交时发送(也许这是所期望的但可能不是)。此方法允许您为每个“行”定义一个表单,并在提交时仅发送该行数据。
将FORM标记环绕TR标记(或围绕FORM的TR)的问题是它是无效的HTML。 FORM将仍然允许像往常一样提交,但在这一点上,DOM是破碎的。注意:尝试使用JavaScript获取您的FORM或TR的子元素,它可能会导致意外的结果。
注意IE7不支持这些CSS表样式,IE8将需要一个doctype声明,以使其进入“标准”模式:(尝试这一个或某物等价物)
/p>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
任何其他支持display:table,display:table-row和display:table-cell的浏览器应该显示你的css数据表,就像使用TABLE,TR和TD标签时一样。他们大多数。
请注意,您还可以通过将行组封装在另一个带有display:table-header-group,table-row-group和table-footer-group的DIV中来模拟THEAD,TBODY和TFOOT。
注意:这个方法你唯一不能做的是colspan。
html怎么让form弄成一个表,创建一个HTML表,其中每个TR是一个FORM相关推荐
- 哈希表创建哈希表(Hash Table,也叫散列表),是根据键(Key)而直接访问在内存存储位置的数据结构.typedef enum{ HASH_OK-icoding-数据结构-C
哈希表创建 typedef enum{HASH_OK,HASH_ERROR,HASH_ADDED,HASH_REPLACED_VALUE,HASH_ALREADY_ADDED,HASH_DELETED ...
- oracle给一个表创建序列,oracle表中怎么创建序列
oracle序列的创建: create sequence seq_newsId increment by 1 start with 1 maxvalue 999999999; 获得oracle序列的S ...
- 单链表的整表创建以及整表删除
一条链表是由很多个结点元素构成,所以,我们想要创建一个链表,只需要循环创建结点就可以完成这个任务了.按道理讲,我们可以只创建带有数据的结点就可以了,不过,为了更方便的操控链表以及更方便的创建结点,我们 ...
- ClickHouse 创建数据库/建表/视图/字典 SQL
1.1. ClickHouse SQL之数据定义语言 DDL 本节介绍 ClickHouse 中进行数据库.表结构的定义和管理. 1.1.1. 概述 在SQL中,数据定义语言( DDL ) 用来创建 ...
- hive 创建/删除/截断 表(翻译自Hive wiki)
这里罗列常用操作,更多参考 https://cwiki.apache.org/confluence/display/Hive/LanguageManual+DDL#LanguageManualDDL- ...
- MySQL多表关系及多表查询
多表关系 在关系型数据库中存在着三种多表关系,分别是一对多(多对一).多对多以及一对一.之所以会产生这些关系,是因为在进行数据设计的时候,分析得出业务之间存在着一定的关系,进而在数据中也就存在了这些关 ...
- 查看mysql建库语句_mysql5.7-02建库、建表、查建表语句
1.库操作 1.1.创建.查询库信息 数据内容不区分大小写 root@master [mysql] >create database yanqi CHARACTER SET utf8mb4 CO ...
- 有没有能把excel表弄成线上多人填报的办法?
把Excel表弄成线上多人填报,最省时省力的方法就是使用在线协作的文档,现在普通的本地Office已经无法满足办公人员移动办公的需求,永中优云这款协作办公工具就能将Excel协作分享至社交群,让多个成 ...
- java ajax提交form表单提交_form表单AJAX提交(四种方法)
一.AJAX的 form表单提交 1.第一种: 序列化提交$('#form').serialize() 前台: $.ajax({ url: "", type: "post ...
- form标签的action之前 加密_HTML从零开始——表单标签
网页发展的过程中,总还是需要和用户互动的,尤其是需要个人信息.注册账号.处理事务等等的时候,用户要按照网站规定的格式来填写信息,这就需要表单了. 表单(form)是用户输入信息与网页互动的一种形式.大 ...
最新文章
- Nginx源码分析--数据对齐posix_memalign和memalign函数
- ASP.NET 调味品:AJAX
- RL之Q Learning:利用强化学习之Q Learning实现走迷宫—训练智能体走到迷宫(简单迷宫)的宝藏位置
- Visual Studio中C++工程的环境配置方法
- node.js连接数据库(mysql)
- Delphi Sql语句中值的引用
- Oozie安装ExtJs教程
- 电子沙盘 数字沙盘 开发教程
- k近邻(kNN)算法的Python实现(基于欧氏距离)
- 笔记本电脑需要计算机管理员提供的,笔记本电脑设置了管理员权限钉钉软件安装不了咋办呢...
- 服务器数据库只读怎么修改权限,设置mysql数据库为只读权限
- 昆仑通泰高级教程_2014-昆仑通态-高级教程.pdf
- 前后端报文传输加密方案
- 耿建超英语语法---非谓语动词作同位语和定语
- python数据采集培训
- jQuery实现平年闰年判断
- HTTP和QUIC协议以及HTTPS——学习笔记
- 布斯乘法 Mips实现 - Booth Algorithm
- tplink-ssh登录
- 猫眼电影爬虫和数据分析
热门文章
- 步步为营:因为数据库正在使用,所以无法获得对数据库的独占访问权
- 运行aspnet时要求启用windows集成身份验证
- node_modules/css-loader?{sourceMap:true}!./node_modules/vue-loader/lib/style-compiler?报错问提解决方案
- Codeigniter3学习笔记三(创建类库及使用原生类库)
- Xcode 11.7(12.4)/13.2的signing和sandbox配置截图对比
- 千年新论:马谡的错误在于盲目创新,正确做法是死板教条
- VS2010:把项目由WIN32改为x64
- JNI:需要显式指定使用jar的全路径
- 百度人脸识别:最简单的Python调用
- 对手机彩铃的一些想法