ใช้แอตทริบิวต์ disabled เพื่อปิดใช้งานองค์ประกอบ แอตทริบิวต์นี้ใช้ได้กับองค์ประกอบต่อไปนี้: <button>, <input>, <select>, <textarea> และอื่นๆ
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ disabled:
<!DOCTYPE html>
<html>
<body>
<p>คุณชอบกีฬาไหน?</p>
<form action="" method="get">
<input type="checkbox" name="vehicle" value="football" checked> ฟุตบอล<br>
<input type="checkbox" name="vehicle" value="cricket" checked> คริกเก็ต<br>
<input type="checkbox" name="vehicle" value="hockey"> ฮอกกี้<br>
<input type="submit" value="ส่ง" disabled>
</form>
</body>
</html>
ลักษณะขององค์ประกอบที่ disabled:
- ไม่สามารถโต้ตอบได้ (คลิก, พิมพ์, เลือกไม่ได้)
- ไม่ส่งค่าไปกับฟอร์มเมื่อ submit
- ข้ามการโฟกัสเมื่อกด Tab
- มักแสดงสีจาง (grayed out) โดยเบราว์เซอร์
- เป็น boolean attribute - มีอยู่ = disabled, ไม่มี = enabled
