将jquery移动文本字段与文本放在同一行

Question

有没有办法用jQuery Mobile执行以下操作？

Hello [________________________]

而不是jQuery Mobile目前所做的,将这两个放在多行上:

Hello

[________________________]

目前我正在创建我的文本和textinput,如下所示:

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

Answer 1

是的,你可以,你需要使用现场容器data-role="fieldcontain".

例如:

<div data-role="fieldcontain">
    <label for="name">Text Input:</label>
    <input type="text" name="name" id="name" value=""  />
</div>  

使用上面的代码,你应该得到这样的东西:

文字输入:[ _ __ _ __ _ __ _ __ ]

而不是这样的:

文字输入:
[ _ __ _ __ _ __ _ __ ]

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

举个例子,你可能想尝试这样的事情:

<div id="customTagEntryDiv" data-role="fieldcontain">
    <label id="userTag" for="customTagField">Hello</label>
    <input type="text" name="customTagField" id="customTagField" value=""  />
</div> 

有关更多信息,请查看在线文档: http ://jquerymobile.com/demos/1.1.1/docs/forms/textinputs/

希望这可以帮助.