jQuery Mobile 表单－滑块

滑块控件：允许从一定范围内的数字中选取值  <input  type="range">

               max－最大值  min－最小值  step－数字间隔  value－默认值   突出显示滑块值－  data-highlight="true"

               e.g.

               <div  data-role="fieldcontain">

                     <label  for="rangeId">range</label>

                     <input  type="range"  name="rangeName"  id="rangeId"  value="50"  min="0"  max="100"   data-highlight="true"  />

              </div> 

切换开关： data-role="slider"    预选中-selected

              e.g.

              <div  data-role="fieldcontain">

                   <label  for="switchId">switch</label>

                   <select  name="switchName"  id="switchId"  data-role="slider" >

                          <option  value="on">开</option>

                          <option  value="off"  selected>关</option>

                   </select>

              </div>