行jquery mobile中的两个输入字段

Question

<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
    <input type="text" id="expiry_month" name="expiry_month" data-native-menu="false">
    <input type="text" id="expiry_year" name="expiry_year" data-native-menu="false">
</fieldset>

我有这个HTML。我正在使用jquery mobile来构建表单，但是我不能在一行上创建两个输入字段。第二个输入字段跳转到下一行。有人可以帮助我吗？

Answer 1

选中此Demo Fiddle

您可以修改选择器.ui-input-text，更改显示属性：

.ui-input-text {
  display:inline-block;
}

为确保更改此字段集内的输入，请指定一个类名：

<fieldset ... class="aside">

然后更具体地说明CSS规则：

.aside .ui-input-text {
  display:inline-block;
}