css - 创建多列表单

Question

我打算构建一个至少包含 5 到 6 个字段的多列表单。

使用 CSS float 执行此操作的最佳方法是什么？或使用带有 CSS 的表格。因为表格会很长，至少有 50 行左右。它可以有复选框、单选框、文本框和输入框。那里有任何样本或例子吗？或任何可用于即时制作的工具(不寻找梦想编织者或类似类型)

这是表单的示例布局:

Fieldname1 ,Fieldname2 ,Fieldname3 ,Fieldname4 ,Fieldname5
inputbox1(checkbox),  text,  inputbox3, inputbox4, inputbox5 

谢谢

Answer 1

如果您要动态生成页面，则可以轻松地使用库从您正在使用的编程语言中通过算法生成表单。例如，deform在 Python 中。这基本上省去了您自己编写 50 行 HTML 的麻烦。

或者，您可以使用 jQuery 等 JavaScript 库在用户界面中添加行(使用“添加另一个条目”等按钮)。

您可以使用表格或 CSS；你在这里的决定并不重要。表格在概念上会变得不那么复杂，所以这将是我的第一选择，但如果您想动态添加行，不同的浏览器可能会出现不可预测的行为，因为在初始页面加载后操作表格时，表格并不总是表现良好。