Kichaguzi cha input
Kichaguzi :input huchagua vipengele vya udhibiti
wa fomu - viingizio, maeneo ya maandishi, orodha zinazotiririsha na
vifungo. Angalia vitambulisho:
input,
textarea,
button,
select.
Kwa kuwa :input haihusiani na ubora wa CSS,
kwa kuboresha utendaji katika vivinjari vya kisasa
ni bora mwanzoni kuchuja vipengele kwa
kutumia kichaguzi safi cha css, kisha
utumie .filter(':input').
Syntax
Hivi ndivyo tunavyochagua vipengele vya udhibiti wa fomu:
$(':input');
Mfano
Wacha, kulingana na nadharia iliyotajwa hapo juu,
tuchague vipengele vyote vya udhibiti wa fomu na tuonyeshe
katika konsoli idadi yao, kwa kutumia sifa
length. Tutaona
kwamba vitambulisho vyote 13 vimeingia:
<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('Idadi ya Vitambulisho: ' + allInputs.length);
$('form').submit(function(event) {
event.preventDefault(); // inazuia utumaji wa fomu
});
