Επιλογέας 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->
