HTML <input> ปิดใช้งานแอตทริบิวต์
ตัวอย่าง
แบบฟอร์ม HTML ที่มีช่องป้อนข้อมูลที่ปิดใช้งาน:
<form
action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" disabled><br><br>
<input type="submit" value="Submit">
</form>
ความหมายและการใช้งาน
แอตทริบิวต์disabledนี้เป็นแอตทริบิวต์บูลีน
เมื่อมีอยู่ แสดงว่า<input>องค์ประกอบนั้นควรถูกปิดใช้งาน
องค์ประกอบอินพุตที่ปิดใช้งานไม่สามารถใช้งานได้และไม่สามารถคลิกได้
disabledสามารถตั้งค่าแอตทริบิวต์เพื่อป้องกันไม่ให้ผู้ใช้ใช้องค์ประกอบ
<input>จนกว่าจะตรงตามเงื่อนไขอื่นๆ (เช่น การเลือกช่องทำเครื่องหมาย ฯลฯ) จากนั้น JavaScript สามารถลบค่าที่ปิดใช้งานและทำให้
<input>องค์ประกอบใช้งานได้
เคล็ดลับ:<input>องค์ประกอบที่ถูกปิด ใช้งานในแบบฟอร์มจะไม่ถูกส่ง!
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์อย่างเต็มที่
| Attribute | |||||
|---|---|---|---|---|---|
| disabled | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<input disabled>
❮ แท็ก HTML <input>