目标:在
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>