Sélecteur input
Le sélecteur :input sélectionne les éléments de contrôle
de formulaire - inputs, textareas, listes déroulantes et
boutons. Voir les balises :
input,
textarea,
button,
select.
Étant donné que :input ne fait pas partie de la spécification CSS,
pour améliorer les performances dans les navigateurs modernes,
il est préférable de d'abord filtrer les éléments avec
un sélecteur CSS pur, puis
d'appliquer .filter(':input').
Syntaxe
Voici comment nous sélectionnons les éléments de contrôle de formulaire :
$(':input');
Exemple
Conformément à la théorie ci-dessus,
sélectionnons tous les éléments de contrôle du formulaire et affichons
dans la console leur nombre, en utilisant la propriété
length. Nous
verrons que tous les 13 balises y sont incluses :
<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(); // empêche l'envoi du formulaire
});
