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