どのように私はjQueryのモバイルリストビューで一番上にキャプションを移動することができます

Question

は、例えば、jqueryのモバイルリストビューフォームIは、フォーム要素の上にキャプションを移動することができますどのように

<form> 
    <ul data-role="listview" data-inset="true"> 
     <li data-role="fieldcontain"> 
      <label for="name2">Text Input:</label> 
      <input type="text" name="name2" id="name2" value="" data-clear-btn="true"> 
     </li> 
     <li data-role="fieldcontain"> 
      <label for="textarea2">Textarea:</label> 
     <textarea cols="40" rows="8" name="textarea2" id="textarea2"></textarea> 
     </li> 
     <li data-role="fieldcontain"> 
      <label for="flip2">Flip switch:</label> 
      <select name="flip2" id="flip2" data-role="slider"> 
       <option value="off">Off</option> 
       <option value="on">On</option> 
      </select> 
     </li> 
     <li data-role="fieldcontain"> 
      <label for="slider2">Slider:</label> 
      <input type="range" name="slider2" id="slider2" value="0" min="0" max="100" data-highlight="true"> 
     </li> 
     <li data-role="fieldcontain"> 
      <label for="select-choice-1" class="select">Choose shipping method:</label> 
      <select name="select-choice-1" id="select-choice-1"> 
       <option value="standard">Standard: 7 day</option> 
       <option value="rush">Rush: 3 days</option> 
       <option value="express">Express: next day</option> 
       <option value="overnight">Overnight</option> 
      </select> 
     </li> 
     <li class="ui-body ui-body-b"> 
      <fieldset class="ui-grid-a"> 
        <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div> 
        <div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div> 
      </fieldset> 
     </li> 
    </ul> 
</form> 

を考えると？

私の理由は、私は内側に薄いリストビュー（にするために使用するもの）jQueryのパネルを持っているということです。デスクトップアプリケーションで複数のパネルを一度に開くという問題のため、真のjqmパネルの使用を避けています。

私はlistviewsを使用していますので、わかりやすいようにグループ化行をフォームに追加できます。

Answer 1

liの要素からdata-role="fieldcontain"を削除します。