2011-03-17 76 views
1

我打算构建一个具有至少5到6个字段的多列窗体。创建多列窗体

使用CSS浮点操作最好的方法是什么?或者用css使用表格。由于表格将会相当长,至少有大约50行。 它可能有复选框,收音机,只是文本和输入框。在那里的任何样本或例子?或者可用于使其在飞行中的任何工具(不是在寻找梦想韦弗或similiar型)

这里是形式的样本布局究竟是怎样为:

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

谢谢

+0

你所说的 “最好” 是什么意思? – Pops 2011-03-17 14:31:51

+0

如果它是表格数据,名称,日期,复选框列表等。我不明白这是一张桌子是不是一件坏事.. – Kyle 2011-03-17 14:34:41

+0

我同意凯尔。如果它是一个字段的网格(文本和表单元素),那么使用TABLE就没有问题。 – 2011-03-17 14:41:25

回答

1

如果您正在动态生成页面,则可以使用库在您正在使用的编程语言中以算法方式生成表单。例如,Python中的deform。这基本上可以节省您自行编写50行HTML代码的麻烦。或者,您可以使用JavaScript库(如jQuery)在用户界面中添加行(使用“添加其他条目”之类的按钮)。

您可以使用表格或CSS;你在这里的决定并不重要。从概念上来说,表格的复杂性会降低,因此如果要动态添加行,不同的浏览器可能会出现不可预知的行为,因为在初始页面加载后,操作表格时,表格并不总是表现良好。

0

我想,你需要一些程序,这将帮助你建立一个个性化的表格。

尝试php forms,你将很容易在这个程序中工作,因为它有一个视频,它完全描述了表单创建的过程。

+0

您是否参与了php表单?如果是这样,请说明。 – Stephan 2012-11-22 15:09:55

0

<fieldset>标记中的列分开,然后给它们一个固定的widthfloat它们。

下面是一个例子:

HTML

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

CSS

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