Selector password

El selector :password selecciona elementos con tipo password. Consulte campos de entrada de contraseña. El equivalente de $(':password') es $('[type=password]'). Dado que :password no es parte de la especificación CSS, para mejorar el rendimiento en navegadores modernos es mejor usar [type='password'] en su lugar.

Sintaxis

Así seleccionamos campos con tipo password:

javascript$(':password');

Como con otros selectores de pseudoclase (que comienzan con ':'), es mejor poner el nombre de la etiqueta u otro selector antes de ':', de lo contrario se aplicará el selector '*', es decir, $(':password') se interpretará como $('*:password'), por lo que es mejor usar $('input:password') en su lugar.

Ejemplo

Seleccionemos todos los inputs con tipo password y hagamos que tengan fondo verde y borde rojo usando el 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(); // previene el envío del formulario });

<

-javascript->

Véase también