Jquery mobile 使jquery移动文本字段与文本位于同一行

Jquery mobile 使jquery移动文本字段与文本位于同一行,jquery-mobile,Jquery Mobile,有没有一种方法可以使用jQuery Mobile执行以下操作 Hello [________________________] 与jQuery Mobile目前所做的不同,jQuery Mobile将这两项功能放在多行上: Hello [________________________] 目前我正在创建文本和文本输入,如下所示: <div id="customTagEntryDiv"> <span id="userTag">Hello</span>

有没有一种方法可以使用jQuery Mobile执行以下操作

Hello [________________________]
与jQuery Mobile目前所做的不同,jQuery Mobile将这两项功能放在多行上:

Hello

[________________________]
目前我正在创建文本和文本输入,如下所示:

<div id="customTagEntryDiv">
  <span id="userTag">Hello</span>
  <input type="text" name="customTagField" id="customTagField" value=""  />
  </div> 

可以,您需要使用字段容器,数据角色=fieldcontain

例如:

使用上面的代码,您应该得到如下结果:

<div id="customTagEntryDiv" data-role="fieldcontain">
    <label id="userTag" for="customTagField">Hello</label>
    <input type="text" name="customTagField" id="customTagField" value=""  />
</div> 
文本输入:[[uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu]

不是这样的:

<div id="customTagEntryDiv" data-role="fieldcontain">
    <label id="userTag" for="customTagField">Hello</label>
    <input type="text" name="customTagField" id="customTagField" value=""  />
</div> 
文本输入: [\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu

您可以将此格式用于多种类型的元素:文本输入、单选按钮、选择菜单等。 但是,我认为如果文本太长,在这种情况下,元素可能会自动转到下一行

举个例子,您可能想尝试以下方法:

<div id="customTagEntryDiv" data-role="fieldcontain">
    <label id="userTag" for="customTagField">Hello</label>
    <input type="text" name="customTagField" id="customTagField" value=""  />
</div> 
有关更多信息,请查看在线文档:


希望这能有所帮助。

浮动:左行可以。请参见此示例,其中包含正常大小和最小大小的字段行:

这不再有效:

<div data-role="fieldcontain"></div>
一张老式的桌子非常有用:

<table>
    <tr>
        <td>Label #1:</td>
        <td><input type="text"></td>
    </tr>
</table>

注意:data role=fieldcontain在1.4中已被弃用,并将在1.5中删除。fieldcontain不适用于我,文本输入仍换行到下一行。在它被剥夺种族权利的情况下,现在正确的方法是什么?
<table>
    <tr>
        <td>Label #1:</td>
        <td><input type="text"></td>
    </tr>
</table>