Muonekano wa Muhtasari wa Sliders ya jQuery Mobile

Kichagua cha kina cha jQuery Mobile

Kichagua cha kina kinapendekeza kuwa na thamani ya uadilifu tu kwa sababu ya thamani za adui:

Kuwa ni kumekua kichagua cha kina, tumia <input type="range">:

Muonekano

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="points">Points:</label>
    <input type="range" name="points" id="points" value="50" min="0" max="100">
  </div>
</form>

Muonekano wa Kupiga Mwongozo

Tumia kipimo kilichozingatia kina kwa sababu ya kumekua:

  • max - inaeleza thamani ya kizito kama thamani kizito
  • min - inaeleza thamani ya kizito kama thamani kizito
  • step - inaeleza kipakani cha thamani
  • value - inaeleza thamani wa kuzingatia

Tahidi:Ikiwa unafikia kuwapa maelezo kwa msingi wa msaada wa kichagua cha kina, ongeza data-highlight="true":

Muonekano

<input type="range" data-hightlight="true">

Muonekano wa Kupiga Mwongozo

Kichagua cha chagua

Kichagua cha chagua kina kwa sababu ya kufungua/kufungua au kwenda/kuwacha:

Kuwa kuwa ni kumekua chagua, tumia elementi ya <select> na data-role="slider", naongeza uadilifu wa <option> kumi tano:

Muonekano

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="switch">Toggle Switch:</label>
    <select name="switch" id="switch" data-role="slider">
      <option value="on">On</option>
      <option value="off">Off</option>
    </select>
  </div>
</form>

Muonekano wa Kupiga Mwongozo

Tahidi:Tahidi: Tumekuwa na "selected" kwa kumchagua moja kati ya hatua za uainishaji (kuzingatia):

Muonekano

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

Muonekano wa Kupiga Mwongozo