Selektor password
Selektor :password memilih elemen dengan
tipe password. Lihat
kolom input password.
Ekuivalen dari $(':password') adalah
$('[type=password]').
Karena :password bukan bagian dari spesifikasi CSS,
maka untuk meningkatkan performa di browser
modern, lebih baik gunakan
[type='password'] sebagai gantinya.
Sintaks
Ini cara kita memilih kolom dengan tipe password:
$(':password');
Seperti halnya dengan pseudo-class selector lainnya
(diawali dengan ':'), sebaiknya tambahkan nama tag atau selector lain sebelum ':',
jika tidak, selector '*' akan diterapkan,
yaitu $(':password') akan dianggap sebagai
$('*:password'), jadi sebagai gantinya lebih baik
gunakan $('input:password').
Contoh
Mari kita pilih semua input dengan tipe password dan
beri mereka latar belakang hijau dan border merah menggunakan metode
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(); // mencegah pengiriman form
});
<-javascript->
