Password селектори
:password селектори
password туридаги элементларни
танлайди. Қуйидагига
парол киритиш учун майдонлар.
$(':password') ифодаси
$('[type=password]') ифодасига тенг.
:password CSS спецификациясига кирмагани сабабли,
замонавий браузерларда унинг ўрнига
[type='password'] ифодасини ишлатиш самарадорликни оширади.
Синтаксис
password туридаги майдонларни шу тариқа танлаймиз:
$(':password');
Бошқа сўзлаш-класс селекторлари каби
(':' белгиси билан бошланувчи), ':' белгисидан олдин тег номини ёки бошқа селекторни кўйиш мақсадга мувофиқ,
акс ҳолда '*' селектори қўлланилади,
яъни $(':password') ифодаси
$('*:password') ифодаси сифатида қаралади, шу сабабли ўрнига
$('input:password') ифодасини ишлатиш яхшироқ.
Мисол
Ҳамма password туридаги инпутларни танлаб,
css методи ёрдамида
уларнинг орқа фонini яшил рангга, четини қизил рамкага айлантирамиз:
<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->