jquery-mobile - 如何在 Jquery Mobile 中放置与表单上的控件对齐的文本？

Question

Jquery Mobile 在网格中很好地布置了控件。我会在下图中以红色勾勒出的文本“12345678”位于文本框的正上方并左对齐。我看不出该怎么做。

图像是用这个 jsfiddle 生成的：http: //jsfiddle.net/958Gr/3/

Answer 1

通过设置 disabled='true' 和 value="12345678" 你可以得到一些不错的东西。帐号仍将显示为字段，但您可以使用不同的主题。看到这个小提琴：

http://jsfiddle.net/den232/7hmYn/

祝你好运！

    <div class="ui-body ui-body-b">
<div data-role="fieldcontain" data-theme='c'>
<label for="Phone" >Account ID</label>      
<input id="Phone" name="Phone" type="text" disabled='true' value="12345678"  />

</div></div>

<div class="ui-body  ui-body-c">
<div data-role="fieldcontain">
<label for="Email">Email Address</label>
<input data-val="true" data-val-required="The Email Address field is required." id="Email" name="Email" type="text" value="" />

</div> </div>

<div class="ui-bar ui-bar-c">
<div data-role="fieldcontain">
<label for="Email">Email Address</label>
<input data-val="true" data-val-required="The Email Address field is required." id="Email" name="Email" type="text" value="" />

</div> </div>

Answer 2

您可以在此更新的 jsfiddle 中使用两列网格：链接