Jquery 无表表单设计的好文章

我需要一个很好的资源或演练，以便在不使用表的情况下设计表单

我尝试过谷歌搜索，但没有找到任何有用的资源

这是我的表格。。我有很多部分，每个部分都有自己的表格，每个表格有2或4列

我需要一个标准的样式表，可以在实现任何形式的帮助。在这种情况下，我觉得HTML表格比DIV和样式更有用

非常感谢您的帮助

问候,， 库马尔。

杂志上的文章通常比其他文章略高

我想这本书涵盖了你想做的事。或者至少它引入的原则应该扩展以实现它。请注意，表单字段包含在有序列表的元素中，正如作者所指出的，这是一种语义上合适的方法。

上的文章通常比其他文章略胜一筹

---

我想这本书涵盖了你想做的事。或者至少它引入的原则应该扩展以实现它。请注意，表单字段包含在有序列表的元素中，正如作者所指出的，这是一种语义上合适的方法。

请参阅以下参考资料：

---

不确定这是否是您正在寻找的，但它可能会有所帮助

请查看以下资源：

---

不确定这是否是您正在寻找的，但它可能会有所帮助

对于一个可维护、易于使用的CSS系统，用于创建具有可变列数的布局，我建议使用类似于，或-一种更为知名的成熟CSS框架

---

使用表格进行布局在很久以前就已经过时了。不要将表格用于表格数据以外的任何内容。不是布局。当然不是表格；）

对于一个可维护、易于使用的CSS系统，用于创建具有可变列数的布局，我建议使用类似于，或-一种更为知名的成熟CSS框架

---

使用表格进行布局在很久以前就已经过时了。不要将表格用于表格数据以外的任何内容。不是布局。当然不是表格；）

使用表格。没错！把落选票拉上来！：-）

表格用于表格数据。表格数据通常是指单元格与同一列中的其他单元格具有相同类型的数据，并且与同一行中的单元格具有相关数据（反之亦然）。如果您有如下表格：

First name: |___________| Last name: |___________| 名字：|___________| 姓氏：|___________| 我们是否可以通过添加列标题使其看起来更像表格数据：

╔═════════════╦═════════════╗ ║ Field Name ║ Field value ║ ╠═════════════╬═════════════╣ ║ First name: ║ |_________| ║ ╠═════════════╬═════════════╣ ║ Last name: ║ |_________| ║ ╚═════════════╩═════════════╝ ╔═════════════╦═════════════╗ ║ 字段名║ 字段值║ ╠═════════════╬═════════════╣ ║ 名字：║ |_________| ║ ╠═════════════╬═════════════╣ ║ 姓氏：║ |_________| ║ ╚═════════════╩═════════════╝ 因为列的类型是相同的：标签和输入，而行的类型是相关的：标签对应于字段，所以这是表格数据！用桌子！万岁，多容易啊！（当然，不包括列标题和边框——它们只是为了说明）

当您只有一行时，布局问题的表格就真正起作用了。即，您正在尝试创建列：

╔══════════════════╦═════════════════════════════╦══════════════╗ ║ Left column ║ Center column ║ Right column ║ ║ ║ ║ ║ ◄── Only one row ║ ║ ║ ║ ╚══════════════════╩═════════════════════════════╩══════════════╝ ╔══════════════════╦═════════════════════════════╦══════════════╗ ║ 左列║ 中柱║ 右栏║ ║ ║ ║ ║ ◄── 只有一排 ║ ║ ║ ║ ╚══════════════════╩═════════════════════════════╩══════════════╝ 或者当您的表充满行跨度、列跨度和嵌套表时。这通常是一个很好的迹象，表明您正在使用表进行布局

╔════════════════════════════════════════════════════════════════════╦════════════════╗ ║ ║ User name ║ ║ Page Header (colspan=3, rowspan=2) ╠════════════════╣ ╠═════════════════╦════════════════════════════════════════════╦═════╩════════════════╣ ║ Nav (rowspan=2) ║ Content ║ Side bar (colspan=2) ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ╠════════════════════════════════════════════╩══════════════════════╣ ║ ║ Footer (colspan=3) ║ ╚═════════════════╩═══════════════════════════════════════════════════════════════════╝ ╔════════════════════════════════════════════════════════════════════╦════════════════╗ ║ ║ 用户名║ ║ 页眉（colspan=3，rowspan=2）╠════════════════╣ ╠═════════════════╦════════════════════════════════════════════╦═════╩════════════════╣ ║ 导航（行间距=2）║ 内容║ 侧杆（colspan=2）║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ First name: |___________| Phone number: |___________| Last name: |___________| Email address: |___________| ╔═════════════╦═════════════╗ ╔════════════════╦═════════════╗ ║ First name: ║ |_________| ║ ║ Phone number: ║ |_________| ║ ╠═════════════╬═════════════╣ ╠════════════════╬═════════════╣ ║ Last name: ║ |_________| ║ ║ Email address: ║ |_________| ║ ╚═════════════╩═════════════╝ ╚════════════════╩═════════════╝