Thuộc tính HTML <input> chỉ đọc
Thí dụ
Biểu mẫu HTML với trường đầu vào chỉ đọc:
<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>
Đị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 là chỉ đọc.
Không thể sửa đổi trường đầu vào 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.
Lưu ý: Biểu mẫu sẽ vẫn gửi trường đầu vào chỉ đọc, nhưng sẽ không gửi trường đầu vào bị vô hiệu hóa!
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
| Attribute | |||||
|---|---|---|---|---|---|
| readonly | Yes | Yes | Yes | Yes | Yes |
Cú pháp
<input readonly>
❮ Thẻ HTML <input>