Jquery Mobile- 页脚元素，100% 宽度

Question

我正在尝试将文本输入和按钮并排添加到页脚中，效果很好，但我需要它的宽度为 100%，即流体布局。非常感谢任何帮助。

<form method="post" action="send.php">
       <div style="float:left;">
          <input style="" data-mini="true" type="text" name="message" id="message" value="" data-theme="a"/>
       </div>

        <div style="float:left;">
       <input type="submit" id="submit" value="Send Message" data-mini="true" data-theme="a"/>
        </div>
</form>

Answer 1

只需将您的表单元素包含在网格中，即可像这样自动拉伸(stretch)输入:

向输入提供我自己的内联宽度，以按照我想要的方式拉伸(stretch)它们。您还可以创建自己的类并将其与 .ui-block-* 类结合使用。

<form method="post" action="send.php" class="ui-grid-a">
    <div style="width:80%;" class="ui-block-a"><input style="" data-mini="true" type="text" name="message" id="message" value="" data-theme="a"/></div>
    <div style="width:20%;" class="ui-block-b"><input type="submit" id="submit" value="Send Message" data-mini="true" data-theme="a"/></div>       
</form>

演示:http://jsfiddle.net/tKcMg/1/