Thuộc tính HTML chỉ đọc


Định nghĩa và Cách sử dụng

Thuộc readonlytính là một thuộc tính boolean.

Khi xuất hiện, nó chỉ định rằng một trường đầu vào hoặc vùng văn bản là chỉ đọc.

Không thể sửa đổi trường chỉ đọc (tuy nhiên, người dùng có thể gắn thẻ, đánh dấu và sao chép văn bản từ trường đó).

Thuộc readonlytính có thể được đặt để ngăn người dùng thay đổi giá trị cho đến khi một số điều kiện khác được đáp ứng (như chọn hộp kiểm, v.v.). Sau đó, JavaScript có thể xóa giá trị chỉ đọc và làm cho trường đầu vào có thể chỉnh sửa được.


Áp dụng đối với

Thuộc readonlytính có thể được sử dụng trên các phần tử sau:

Các yếu tố Thuộc tính
<input> chỉ đọc
<textareosystem chỉ đọc

Các ví dụ

Ví dụ đầu vào

Biểu mẫu HTML với trường đầu vào chỉ đọc:

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

Ví dụ về Textarea

Vùng văn bản chỉ đọc:

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

Hỗ trợ trình duyệt

Thuộc readonlytính này có hỗ trợ trình duyệt sau cho từng phần tử:

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