คุณสมบัติ disabled ของ HTML <input>

HTML แบบแฟ้ม <input>

คำอธิบายและวิธีใช้

disabled คุณสมบัตินี้กำหนดว่าตัวอย่าง input ควรถูกปิด

disabled คุณสมบัตินี้เป็นคุณสมบัติบูล

ตัวอย่าง input ที่ถูกปิดไม่สามารถใช้งานได้และไม่สามารถคลิกได้

สามารถตั้งค่า disabled คุณสมบัตินี้ใช้เพื่อป้องกันผู้ใช้จากการใช้งาน <input> จนกว่าจะผ่านเงื่อนไขบางอย่าง (เช่น ติเช็คเช็คบอกหรืออื่น ๆ) หลังจากนั้น JavaScript สามารถลบค่า disabled และทำให้ <input> สามารถใช้งานได้

คำเตือน：ตัวอย่างที่ถูกปิดบนฟอร์ม ตัวอย่าง <input> ที่ถูกปิดจะไม่ถูกส่ง!

注意：disabled คุณสมบัติไม่สามารถใช้ร่วมกัน <input type="hidden"> ใช้ร่วมกัน

ตัวอย่าง

ฟอร์ม HTML ที่มีช่องบันทึกที่ปิดใช้งาน:

<form action="/action_page.php">
  <label for="fname">ชื่อ：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">สกุล：</label>
  <input type="text" id="lname" name="lname" disabled><br><br>
  <input type="submit" value="ส่ง">
</form>

ทดลองด้วยตัวเอง

วลี

<input disabled>

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

HTML แบบแฟ้ม <input>