Selektor password
Selektor :password vyberá prvky s
typom password. Pozrite si
polia pre zadanie hesla.
Ekvivalentom $(':password') je
$('[type=password]').
Keďže :password nepatrí do CSS špecifikácie,
pre zlepšenie výkonu v moderných
prehliadačoch je lepšie použiť namiesto neho
[type='password'].
Syntax
Takto vyberieme polia s typom password:
$(':password');
Rovnako ako s inými selektormi pseudo-tried
(začínajúcimi sa ':'), pred ':' je lepšie
uviesť názov tagu alebo iného selektora, v
opačnom prípade bude použitý selektor '*',
to znamená, že $(':password') bude chápané ako
$('*:password'), preto je namiesto toho lepšie
použiť $('input:password').
Príklad
Vyberme všetky inputy s typom password a
urobme im zelené pozadie a červený rám pomocou metódy
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(); // zabráni odoslaniu formulára
});
<-javascript->
