ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


แอตทริบิวต์ แบบ อ่านอย่างเดียว HTML


ความหมายและการใช้งาน

แอตทริบิวต์readonlyนี้เป็นแอตทริบิวต์บูลีน

เมื่อมีอยู่ แสดงว่าฟิลด์อินพุตหรือพื้นที่ข้อความเป็นแบบอ่านอย่างเดียว

ฟิลด์แบบอ่านอย่างเดียวไม่สามารถแก้ไขได้ (อย่างไรก็ตาม ผู้ใช้สามารถแท็บไปที่ฟิลด์ ไฮไลท์ และคัดลอกข้อความจากฟิลด์นั้นได้)

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


นำไปใช้กับ

สามารถใช้ แอตทริบิวต์readonlyกับองค์ประกอบต่อไปนี้:

องค์ประกอบ คุณลักษณะ
<input> อ่านเท่านั้น
<textarea> อ่านเท่านั้น

ตัวอย่าง

ตัวอย่างอินพุต

แบบฟอร์ม HTML ที่มีช่องป้อนข้อมูลแบบอ่านอย่างเดียว:

<form action="/action_page.php">
  Country: <input type="text" name="country" value="Norway" readonly><br>
  <input type="submit" value="Submit">
</form>

ตัวอย่างพื้นที่ข้อความ

พื้นที่ข้อความแบบอ่านอย่างเดียว:

<textarea readonly>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>

รองรับเบราว์เซอร์

แอตทริบิวต์readonlyมีการสนับสนุนเบราว์เซอร์ต่อไปนี้สำหรับแต่ละองค์ประกอบ:

Element
input 1.0 6.0 1.0 1.0 1.0
textarea Yes Yes Yes Yes Yes