我希望在水平方向(它们彼此相邻)布局中有一个包含多个选择控件的表单,并在每个选择的顶部都有标签。
像这样:
Inline form fields with labels placed on top
如何使用css并使用dform?
答案 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
}
}
]
});