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:

javascript$(':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:

html<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->

Veja também