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

HTML แบบแฟ้ม <input>

การระบุและการใช้งาน

readonly คุณสมบัติกำหนดให้ฟิลด์อ่านเฉพาะ

readonly คุณสมบัติเป็นคุณสมบัติบูล

ถ้าได้ตั้งค่าคุณสมบัตินี้ มันกำหนดให้ฟิลด์อ่านเฉพาะ

ฟิลด์อ่านเฉพาะไม่สามารถแก้ไขได้ (แต่ผู้ใช้สามารถใช้ทางเลือก Tab ในการจำกัดตำแหน่งที่มันอยู่ และแสดงการยืนยันและคัดลอกข้อความจากนั้น)

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

ข้อเน้นฟอร์มจะส่งข้อมูลช่องบอกข้อมูลที่แสดงค่า แต่จะไม่ส่งข้อมูลช่องบอกข้อมูลที่หายเพลิง!

ตัวอย่าง

ฟอร์ม HTML ที่มีช่องบอกข้อมูลที่แสดงค่าแบบเรียกดูเท่านั้น:

<form action="/action_page.php">
  <label for="country">ประเทศ：</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="ส่งงาน">
</form>

ลองเทสเอง

การใช้งาน

<input readonly>

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

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

HTML แบบแฟ้ม <input>