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:

javascript$(':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:

html<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->

Sien ook