Password-selector
Selectoren :password vælger elementer med
typen password. Se
felter til indtastning af adgangskode.
Ækvivalenten til $(':password') er
$('[type=password]').
Da :password ikke hører til CSS-specifikationen,
er det bedre at bruge
[type='password'] i stedet for at forbedre
ydelsen i moderne browsere.
Syntaks
Sådan vælger vi felter med typen password:
$(':password');
Som med andre pseudo-klasse-selectorer
(der starter med ':'), er det bedre at
sætte tag-navnet eller en anden selector foran ':',
ellers anvendes selectoren '*',
det vil sige $(':password') vil blive opfattet som
$('*:password'), så i stedet for dette er det bedre
at bruge $('input:password').
Eksempel
Lad os vælge alle input-felter med typen password og
give dem en grøn baggrund og en rød ramme ved hjælp af metoden
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(); // forhindrer afsendelse af formular
});
<-javascript->
