jquery-mobile - フォームのコントロールに合わせてJqueryMobileにテキストを配置するにはどうすればよいですか？

Question

Jquery Mobileは、コントロールをグリッドにうまく配置します。下の画像で赤で囲まれたテキスト「12345678」をテキストボックスの真上に配置し、左揃えにします。やり方がわかりません。

画像は次のjsfiddleで生成されました：http：//jsfiddle.net/958Gr/3/

Answer 1

disable='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：linkのように、2列のグリッドを使用できます。