जेक्वेरी मोबाइल फॉर्म - स्क्रॉल

jQuery Mobile स्लाइडर कंट्रोल

स्लाइडर आपको एक निश्चित अंतराल के भीतर नंबरों को चुनने की अनुमति देता है:

यदि आप स्लाइडर बनाना चाहते हैं, कृपया <input type="range"> का उपयोग करें:

इंस्टैंस

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="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">टॉगल स्विच:</label>
    <select name="switch" id="switch" data-role="slider">
      <option value="on">ऑन</option>
      <option value="off">Off</option>
    </select>
  </div>
</form>

स्वयं का प्रयास करें

सूचना:कृपया "सिलेक्टेड" एट्रिब्यूट का उपयोग करके एक विकल्प को पूर्व-चयनित (हालचाही) करें:

इंस्टैंस

<option value="off">Off</option> सिलेक्टेड>ऑफ़</option>

स्वयं का प्रयास करें