جی کوئی ان موبائل فرم - اسلائدر

jQuery Mobile ਸਲਾਈਡਰ ਕੰਟਰੋਲ

ਸਲਾਈਡਰ ਤੁਹਾਨੂੰ ਕੁਝ ਅੰਕਾਂ ਦੇ ਅੰਦਰ ਤੋਂ ਕੀਮਤ ਚੁਣਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ:

ਜੇਕਰ ਤੁਸੀਂ ਸਲਾਈਡਰ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ <input type="range"> ਦੀ ਵਰਤੋਂ ਕਰੋ:

مثال

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

نو خود پرتحرک

ਹੇਠ ਲਿਖੇ ਪਾਰਾਮੀਟਰਾਂ ਨੂੰ ਵਰਤ ਕੇ ਨਿਰਧਾਰਿਤ ਕਰੋ:

  • max - ਮਾਕਸਮਮਮ ਮਿਆਦ ਨਿਰਧਾਰਿਤ ਕਰੋ
  • min - ਮਿੱਨੀਮਮ ਮਿਆਦ ਨਿਰਧਾਰਿਤ ਕਰੋ
  • step - ਸਹੀ ਸੰਖਿਆ ਅੰਤਰ ਨਿਰਧਾਰਿਤ ਕਰੋ
  • value - ਮੂਲ ਕੀਮਤ ਨਿਰਧਾਰਿਤ ਕਰੋ

خبر:ਜੇਕਰ ਤੁਸੀਂ ਹਾਲਤ ਤੋਂਡਰ ਸਲਾਈਡਰ ਦੀ ਕੀਮਤ ਨੂੰ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ data-highlight="true" ਨੂੰ ਜੋੜੋ:

مثال

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

نو خود پرتحرک

ਤੋਂਡਰ ਬਟਨ

ਤੋਂਡਰ ਬਟਨ ਮੁੱਖ ਤੌਰ 'ਤੇ ਖੁੱਲ੍ਹੇ/ਬੰਦ ਜਾਂ ਸਹੀ/ਗਲਤ ਬਟਨਾਂ ਵਜੋਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ:

ਜੇਕਰ ਤੁਸੀਂ ਤੋਂਡਰ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ data-role="slider" ਦੇ <select> ਐਲੀਮੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਦੋ ਹੋਰ <option> ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਜੋੜੋ:

مثال

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

نو خود پرتحرک

خبر:پیش کا انتخاب لگانے کیلئے 'selected' نمائش استعمال کریں:

مثال

<option value="off" منتخب>Off</option>

نو خود پرتحرک