Селектор password
Селектор :password избира елементи со
тип password. Погледнете
полиња за внесување на лозинка.
Еквивалент на $(':password') е
$('[type=password]').
Бидејќи :password не припаѓа на CSS спецификацијата,
за подобрување на перформансите во модерни
прелистувачи подобро е да се користи
[type='password'].
Синтакса
Вака ги избираме полињата со тип password:
$(':password');
Како и со другите селектори на псевдо-класи
(кои започнуваат со ':'), пред ':' подобро е
да се стави име на таг или друг селектор, во
спротивно ќе се примени селектор '*',
односно $(':password') ќе се восприеме како
$('*:password'), па затоа наместо тоа подобро е
да се користи $('input:password').
Пример
Ајде, да ги избереме сите инпути со тип password и
да им направиме зелена позадина и црвена рамка со методот
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(); // спречува испраќање на формата
});
<-javascript->
