Väljaren password
Väljaren :password väljer element med
typen password. Se
fält för lösenordsinmatning.
Motsvarigheten till $(':password') är
$('[type=password]').
Eftersom :password inte ingår i CSS-specifikationen,
är det bättre att använda
[type='password'] för bättre prestanda i moderna
webbläsare.
Syntax
Så här väljer vi fält med typen password:
$(':password');
Precis som med andra pseudo-klassväljare
(som börjar med ':') är det bättre att
sätta ett taggnamn eller en annan väljare före ':',
annars tillämpas universalväljaren '*',
d.v.s. $(':password') kommer att uppfattas som
$('*:password'), så det är bättre att använda
$('input:password') istället.
Exempel
Låt oss välja alla inmatningsfält med typen password och
ge dem en grön bakgrund och en röd ram med 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(); // förhindrar formulärinsändning
});
<-javascript->
