JQuery Mobile – 显示内联的HTML表单

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/177687.html

猜你在找的jQuery相关文章