ซีเล็กเตอร์ 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->
