इनपुट सेलेक्टर
सेलेक्टर :input फॉर्म नियंत्रण तत्वों का चयन करता है
- इनपुट, टेक्स्टएरिया, ड्रॉपडाउन सूचियाँ और
बटन। देखें टैग:
input,
textarea,
button,
select.
चूंकि :input CSS विशिष्टता से संबंधित नहीं है,
इसलिए आधुनिक ब्राउज़रों में बेहतर प्रदर्शन के लिए
शुद्ध css-सेलेक्टर का उपयोग करके तत्वों को फ़िल्टर करना
बेहतर है, और फिर
.filter(':input') लागू करें।
सिंटैक्स
इस तरह हम फॉर्म नियंत्रण तत्वों का चयन करते हैं:
$(':input');
उदाहरण
चलिए, ऊपर दिए गए सिद्धांत के अनुसार,
सभी फॉर्म नियंत्रण तत्वों का चयन करते हैं और
length गुण की मदद से
उनकी संख्या कंसोल में दिखाते हैं। हम
देखेंगे कि सभी 13 टैग इसमें शामिल हैं:
<form>
<input type="button" value="button">
<input type="checkbox">
<input type="file">
<input type="hidden">
<input type="image">
<input type="password">
<input type="radio">
<input type="reset">
<input type="submit">
<input type="text">
<select>
<option>option</option>
</select>
<textarea></textarea>
<button>button</button>
</form>
textarea {
height: 25px;
}
let allInputs = $(':input');
console.log('Tags amount: ' + allInputs.length);
$('form').submit(function(event) {
event.preventDefault(); // फॉर्म भेजने से रोकता है
});
