Input-kieser
Die kieser :input kies vormbeheer
elemente - inputs, teksareas, aftreklyste en
knoppies. Sien die etikette:
input,
textarea,
button,
select.
Aangesien :input nie aan die CSS-spesifikasie behoort nie,
is dit vir beter werkverrigting in moderne
blaaiers beter om eers die elemente te filtreer met
die gebruik van 'n suiwer css-kieser, en dan
.filter(':input') toe te pas.
Sintaksis
So kies ons vormbeheer elemente:
$(':input');
Voorbeeld
Laat ons, volgens die bostaande teorie,
alle vormbeheer elemente kies en die
hoeveelheid daarvan in die konsole uitskryf,
met behulp van die eienskap
length. Ons
sal sien dat al 13 etikette daarin ingesluit is:
<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('Etikethoeveelheid: ' + allInputs.length);
$('form').submit(function(event) {
event.preventDefault(); // voorkom vormindiening
});
