जेक्वेरी मोबाइल फॉर्म - स्क्रॉल
- पिछला पृष्ठ जेक्वेरी मोबाइल फॉर्म सेलेक्ट
- अगला पृष्ठ जेक्वेरी मोबाइल थीम
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>
- पिछला पृष्ठ जेक्वेरी मोबाइल फॉर्म सेलेक्ट
- अगला पृष्ठ जेक्वेरी मोबाइल थीम