形成水平布局,顶部通过css标签

时间:2012-07-10 15:01:43

标签: jquery css forms select label

我希望在水平方向(它们彼此相邻)布局中有一个包含多个选择控件的表单,并在每个选择的顶部都有标签。

像这样:

Inline form fields with labels placed on top

如何使用css并使用dform?

2 个答案:

答案 0 :(得分:0)

最好只使用我认为的无序列表。

将LI元素浮动到左边并给它们一些边距,以便将它们分开。

您需要在UL或其父级上使用clearfixer元素以确保浮点运行。

<ul>

<li><label>Label #1</label>
<select>
<option></option>
</select>
</li>

<li><label>Label #1</label>
<select>
<option></option>
</select>
</li>

<li><label>Label #1</label>
<select>
<option></option>
</select>
</li>

</ul>

答案 1 :(得分:0)

以下是使用dform的答案。谢谢你的否定投票。

css for span ... display:inline-block 标签并选择...显示:块

$('#myform').dform({ "action" : "dform.html", "method" : "get", "html" : [
{ "type": "span", "html": { "type": "select", "name": "Country", "caption": "Country", "class": "countries", "options": { "": "All", "USA": { "html": "USA", "class": "active" }, "Germany": { "html": "Germany", "class": "active" }, "France": { "html": "France", "class": "active" } }, "selected": null } } ] });