Question

提交按钮总是在jquery mobile上自行开始一个新行，样式是解决这个问题的方式吗？

<form method="post" action="../cgi-bin/search.pl">
    <input type="search" name="sterms" id="sterms" data-clear-btn="true" placeholder="search startags" style="background:#dddddd; " >
    <input type="submit" data-mini="false" data-inline="true" data-icon="search" data-icon-notext ">
</form>

Answer 1

使用float:left

 <form method="post" action="../cgi-bin/search.pl">
<input type="search" name="sterms"  id="sterms" data-clear-btn="true" placeholder="search startags" style="float:left;background:#dddddd; " >
<input type="submit" data-mini="false" style="float:left" data-inline="true" data-icon="search" data-icon-notext ">

Answer 2

如果您正确使用这些标签，它们会正确显示，例如，您在其中一个输入结束时有一个双引号（"），而且没有斜杠（/）at他们的结局。此外，其他css代码可能会对它们产生影响，但通常情况下，由于输入是内联元素，将它们放在另一个下方仍应显示它们彼此相邻。

<form method="post" action="../cgi-bin/search.pl">
    <input type="search" name="sterms" id="sterms" data-clear-btn="true" placeholder="search startags" style="background:#dddddd; " />
    <input type="submit" data-mini="false" data-inline="true" data-icon="search" data-icon-notext />
</form>

<强> Fiddle here

如何在同一行上设置搜索框并提交按钮（使用jquery mobile）

2 个答案: