Password-kiezer
Die kiezer :password kies elemente met
tipe password. Sien
velde vir wagwoordinvoer.
Die ekwivalent van $(':password') is
$('[type=password]').
Aangesien :password nie tot die CSS-spesifikasie behoort nie,
is dit beter om in moderne
blaaiers [type='password'] te gebruik
vir beter werkverrigting.
Sintaksis
So kies ons velde met tipe password:
$(':password');
Soos met ander pseudo-klas-kiesers
(wat begin met ':'), is dit beter om
die etiketnaam of 'n ander kiezer voor ':' te plaas,
anders sal die kiezer '*' toegepas word,
dit wil sê $(':password') sal verstaan word as
$('*:password'), dus is dit beter om
$('input:password') te gebruik.
Voorbeeld
Kom ons kies alle invoere met tipe password en
maak vir hulle 'n groen agtergrond en rooi raam met die metode
css:
<form>
<input type="button" value="button">
<input type="file">
<input type="password">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
<+javascript+>
$('form input:password').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // verhoed die vorm se indiening
});
<-javascript->
