jQuery Mobile Ƙarɗeɗaɗa - Ƙanam

jQuery Mobile slider control

Slider yana amfani da shi domin ziyar da burin daga wuri don ziyar da burin:

Lakar zaiwa ce mai iya ziyar da slider, samun gani da <input type="range">:

Ƙarɗeɗaɗa

<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">

Gudanar ƙaɗaɗa

Amfani da aikace-aikace na yau don taimaka wa:

提示：Kuma samun iya ziyar da gurbin da ke tsakiyar rarraba, kama harhu data-highlight="true":

Ƙarɗeɗaɗa

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

Gudanar ƙaɗaɗa

Switch switch

Switch switch yana amfani da shi don kai/kuri ko kuma kuma/kuma:

Lakar zaiwa ce mai iya ziyar da switch, samun gani da data-role="slider" na <select> element, kuma kama harhu biyu na <option>:

Ƙarɗeɗaɗa

<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>

Gudanar ƙaɗaɗa

提示：请使用 "selected" 属性来把选项之一设置为预选（突出显示）：

Ƙarɗeɗaɗa

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

Gudanar ƙaɗaɗa