Seletor password
O seletor :password seleciona elementos com
o tipo password. Consulte
campos de entrada de senha.
O equivalente a $(':password') é
$('[type=password]').
Como :password não é parte da especificação CSS,
para melhorar o desempenho em navegadores modernos,
é melhor usar [type='password'] em seu lugar.
Sintaxe
É assim que selecionamos campos do tipo password:
$(':password');
Assim como com outros pseudo-seletores de classe
(que começam com ':'), é melhor colocar o nome
da tag ou outro seletor antes do ':', caso
contrário, o seletor '*' será aplicado,
ou seja, $(':password') será interpretado como
$('*:password'), portanto, é melhor usar
$('input:password') em vez disso.
Exemplo
Vamos selecionar todas as entradas (inputs) do tipo password e
fazer com que tenham um fundo verde e uma borda vermelha usando o método
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(); // impede o envio do formulário
});
<-javascript->
