创建多列表单

时间:2011-03-17 14:28:48

标签: css forms

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

使用CSS浮动执行此操作的最佳方法是什么?或使用css表。由于表格将长达50行左右。 它可以有复选框,收音机,只是文本和输入框。那里有任何样品或例子吗?或者任何可以用来制作它的工具(不是寻找梦想织布工或类似的类型)

以下是表单的示例布局:

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

由于

3 个答案:

答案 0 :(得分:1)

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

或者,您可以使用像jQuery这样的JavaScript库在用户界面中添加行(使用“添加其他条目”之类的按钮)。

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

答案 1 :(得分:0)

我认为,您需要一些程序,这将有助于您构建个性化表单。

试试php forms,您可以轻松使用此计划,因为它有一个视频,完整地描述了表单创建过程。

答案 2 :(得分:0)

<fieldset>代码中的列分开,然后为其提供固定的widthfloat

以下是一个例子:

<强> HTML

 <form>
     <fieldset>
         <input />
         <input />
     </fieldset>
     <fieldset>
         <input />
         <input />
     </fieldset>
 </form>

<强> CSS

form { width:100% }
fieldset { width:25%; float:left }