JQuery Mobile – 显示内联的HTML表单

目标：在 Jquery Mobile的同一行显示文本框和提交按钮.

问题：它们不会显示在同一行上.

我已经多次尝试在同一行显示文本框和提交按钮,但它永远不会有效.这是我的代码和我用过的组合……

<form method="GET" style="display: inline-block;">
     <input type="text" name="id" value="Other">
     <input type="submit" data-type="button" data-icon="plus" value="Add">
</form>

那没用.

<form method="GET">
   <span>
     <input type="text" name="id" value="Other">
     <input type="submit" data-type="button" data-icon="plus" value="Add">
   </span>
</form>

这也没有.

<form method="GET">
      <ul style="display: inline; list-style-type: none;">
          <li style="display: inline;"><input type="text" name="id" value="Other"></li>
          <li style="display: inline;"><input type="submit" data-type="button" value="Add"></li>
       </ul>
</form>

我做错了什么,我怎样才能实现目标？

谢谢,圣诞快乐！

解决方法

网格布局是否有效？

> http://jquerymobile.com/demos/1.0/docs/content/content-grids.html

HTML：

<fieldset class="ui-grid-a">
    <div class="ui-block-a">
            <input type="text" name="id" value="Other">
    </div>
    <div class="ui-block-b">
            <input type="submit" data-type="button" data-icon="plus" value="Add">
    </div>
</fieldset>

原文地址：https://www.jb51.cc/jquery/177687.html