如果你想要一个“可编辑的网格”,即一个表结构,允许你使任何行的形式,使用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相关推荐

  1. 哈希表创建哈希表(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 ...

  2. oracle给一个表创建序列,oracle表中怎么创建序列

    oracle序列的创建: create sequence seq_newsId increment by 1 start with 1 maxvalue 999999999; 获得oracle序列的S ...

  3. 单链表的整表创建以及整表删除

    一条链表是由很多个结点元素构成,所以,我们想要创建一个链表,只需要循环创建结点就可以完成这个任务了.按道理讲,我们可以只创建带有数据的结点就可以了,不过,为了更方便的操控链表以及更方便的创建结点,我们 ...

  4. ClickHouse 创建数据库/建表/视图/字典 SQL

    1.1. ClickHouse SQL之数据定义语言 DDL  本节介绍 ClickHouse 中进行数据库.表结构的定义和管理. 1.1.1. 概述 在SQL中,数据定义语言( DDL ) 用来创建 ...

  5. hive 创建/删除/截断 表(翻译自Hive wiki)

    这里罗列常用操作,更多参考 https://cwiki.apache.org/confluence/display/Hive/LanguageManual+DDL#LanguageManualDDL- ...

  6. MySQL多表关系及多表查询

    多表关系 在关系型数据库中存在着三种多表关系,分别是一对多(多对一).多对多以及一对一.之所以会产生这些关系,是因为在进行数据设计的时候,分析得出业务之间存在着一定的关系,进而在数据中也就存在了这些关 ...

  7. 查看mysql建库语句_mysql5.7-02建库、建表、查建表语句

    1.库操作 1.1.创建.查询库信息 数据内容不区分大小写 root@master [mysql] >create database yanqi CHARACTER SET utf8mb4 CO ...

  8. 有没有能把excel表弄成线上多人填报的办法?

    把Excel表弄成线上多人填报,最省时省力的方法就是使用在线协作的文档,现在普通的本地Office已经无法满足办公人员移动办公的需求,永中优云这款协作办公工具就能将Excel协作分享至社交群,让多个成 ...

  9. java ajax提交form表单提交_form表单AJAX提交(四种方法)

    一.AJAX的 form表单提交 1.第一种: 序列化提交$('#form').serialize() 前台: $.ajax({ url: "", type: "post ...

  10. form标签的action之前 加密_HTML从零开始——表单标签

    网页发展的过程中,总还是需要和用户互动的,尤其是需要个人信息.注册账号.处理事务等等的时候,用户要按照网站规定的格式来填写信息,这就需要表单了. 表单(form)是用户输入信息与网页互动的一种形式.大 ...

最新文章

  1. Nginx源码分析--数据对齐posix_memalign和memalign函数
  2. ASP.NET 调味品:AJAX
  3. RL之Q Learning:利用强化学习之Q Learning实现走迷宫—训练智能体走到迷宫(简单迷宫)的宝藏位置
  4. Visual Studio中C++工程的环境配置方法
  5. node.js连接数据库(mysql)
  6. Delphi Sql语句中值的引用
  7. Oozie安装ExtJs教程
  8. 电子沙盘 数字沙盘 开发教程
  9. k近邻(kNN)算法的Python实现(基于欧氏距离)
  10. 笔记本电脑需要计算机管理员提供的,笔记本电脑设置了管理员权限钉钉软件安装不了咋办呢...
  11. 服务器数据库只读怎么修改权限,设置mysql数据库为只读权限
  12. 昆仑通泰高级教程_2014-昆仑通态-高级教程.pdf
  13. 前后端报文传输加密方案
  14. 耿建超英语语法---非谓语动词作同位语和定语
  15. python数据采集培训
  16. jQuery实现平年闰年判断
  17. HTTP和QUIC协议以及HTTPS——学习笔记
  18. 布斯乘法 Mips实现 - Booth Algorithm
  19. tplink-ssh登录
  20. 猫眼电影爬虫和数据分析

热门文章

  1. 步步为营:因为数据库正在使用,所以无法获得对数据库的独占访问权
  2. 运行aspnet时要求启用windows集成身份验证
  3. node_modules/css-loader?{sourceMap:true}!./node_modules/vue-loader/lib/style-compiler?报错问提解决方案
  4. Codeigniter3学习笔记三(创建类库及使用原生类库)
  5. Xcode 11.7(12.4)/13.2的signing和sandbox配置截图对比
  6. 千年新论:马谡的错误在于盲目创新,正确做法是死板教条
  7. VS2010:把项目由WIN32改为x64
  8. JNI:需要显式指定使用jar的全路径
  9. 百度人脸识别:最简单的Python调用
  10. 对手机彩铃的一些想法