Selektor input
Selektorn :input väljer formulärelement
- inmatningsfält, textområden, rullgardinsmenyer och
knappar. Se taggarna:
input,
textarea,
button,
select.
Eftersom :input inte ingår i CSS-specifikationen,
är det för bättre prestanda i moderna
webbläsare att först filtrera element med
en ren CSS-selektor, och sedan
använda .filter(':input').
Syntax
Så här väljer vi formulärelement:
$(':input');
Exempel
Låt oss, enligt ovanstående teori,
välja alla formulärelement och skriva ut
deras antal till konsolen, med hjälp av egenskapen
length. Vi
kommer att se att alla 13 taggar har inkluderats:
<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('Antal taggar: ' + allInputs.length);
$('form').submit(function(event) {
event.preventDefault(); // förhindrar att formuläret skickas
});
