Селектори input
Селектори :input элементҳои идоракунии
формаро интихоб мекунад - inputҳо, майдони матнӣ, рӯйхатҳои интихобӣ ва
тугмаҳо. Тегҳои зеринро бубинед:
input,
textarea,
button,
select.
Азбаски :input ба спецификатсияи CSS тааллуқ надорад,
барои беҳтар кардани суръати кор дар браузерҳои муосир
беҳтар аст, ки аввал элементҳоро истифода аз
селектори холисӣи css филтр кунед, ва сипас
.filter(':input')-ро истифода баред.
Синтаксис
Ба ин тавр мо элементҳои идоракунии формаро интихоб мекунем:
$(':input');
Намуна
Бигзор, мувофиқи назарияи дар боло овардашуда,
ҳамаи элементҳои идоракунии формаро интихоб кунем ва
дар консол шумораи онҳоро бо воситаи хосияти
length чоп кунем. Мо
мебинем, ки ҳамаи 13 тегҳо ба он дохил шудаанд:
<form>
<input type="button" value="тугма">
<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>
</select>
<textarea></textarea>
<button>тугма</button>
</form>
textarea {
height: 25px;
}
let allInputs = $(':input');
console.log('Миқдори тегҳо: ' + allInputs.length);
$('form').submit(function(event) {
event.preventDefault(); // пешгирии фиристодани форма
});
