แอตทริบิวต์ แบบ อ่านอย่างเดียว 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 |