Đó là một thuộc tính Boolean được sử dụng để xác định rằng văn bản được viết trong phần tử đầu vào hoặc vùng văn bản là chỉ đọc. Điều đó có nghĩa là người dùng không thể sửa đổi hoặc thay đổi nội dung đã có trong một Phần tử cụ thể [Tuy nhiên, người dùng có thể tab vào phần tử đó, tô sáng phần tử đó và sao chép văn bản từ phần tử đó]. Trong khi đó, JavaScript có thể được sử dụng để thay đổi giá trị chỉ đọc và làm cho trường đầu vào có thể chỉnh sửa được. yếu tố. Thuộc tính này được sử dụng với hai phần tử được liệt kê bên dưới
Kiếm thu nhập với kỹ năng HTML của bạn
Đăng ký và chúng tôi sẽ gửi cho bạn những cơ hội làm việc tự do tốt nhất ngay trong hộp thư đến của bạn.
Chúng tôi đang xây dựng thị trường việc làm tự do tự phục vụ lớn nhất cho những người như bạn.
Không thể sửa đổi trường nhập chỉ đọc [tuy nhiên, người dùng có thể tab vào trường đó, tô sáng và sao chép văn bản từ trường đó]
Thuộc tính readonly 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
Ghi chú. Một biểu mẫu sẽ vẫn gửi trường đầu vào ở dạng chỉ đọc, nhưng sẽ không gửi trường đầu vào bị vô hiệu hóa
Thuộc tính Boolean readonly, khi có mặt, làm cho phần tử không thể thay đổi, nghĩa là người dùng không thể chỉnh sửa điều khiển
Nếu thuộc tính readonly được chỉ định trên một phần tử đầu vào, vì người dùng không thể chỉnh sửa đầu vào, nên phần tử đó không tham gia xác thực ràng buộc
Thuộc tính readonly được hỗ trợ bởi các loại text, search, url, tel, email, password, readonly0, readonly1, readonly2, readonly3, readonly4, và readonly5 readonly6 và các thành phần điều khiển biểu mẫu readonly7. Nếu xuất hiện trên bất kỳ loại và thành phần đầu vào nào trong số này, lớp giả readonly8 sẽ khớp. Nếu thuộc tính không được bao gồm, lớp giả readonly9 sẽ khớp
Thuộc tính không được hỗ trợ hoặc có liên quan đến readonly0 hoặc các loại đầu vào không thể thay đổi, chẳng hạn như hộp kiểm và radio hoặc không thể, theo định nghĩa, bắt đầu bằng một giá trị, chẳng hạn như loại đầu vào tệp. phạm vi và màu sắc, vì cả hai đều có giá trị mặc định. Nó cũng không được hỗ trợ ở chế độ ẩn vì không thể mong đợi người dùng điền vào biểu mẫu bị ẩn. Nó cũng không được hỗ trợ trên bất kỳ loại nút nào, kể cả readonly1
Ghi chú. Chỉ có thể đặt các điều khiển văn bản ở dạng chỉ đọc vì đối với các điều khiển khác [chẳng hạn như hộp kiểm và nút] không có sự phân biệt hữu ích giữa chỉ đọc và bị vô hiệu hóa, do đó, thuộc tính readonly không áp dụng
Khi một đầu vào có thuộc tính readonly, lớp giả readonly4 cũng áp dụng cho nó. Ngược lại, các đầu vào hỗ trợ thuộc tính readonly nhưng không có bộ thuộc tính khớp với lớp giả readonly6
Sự khác biệt giữa readonly7 và readonly là các điều khiển chỉ đọc vẫn có thể hoạt động và vẫn có thể đặt tiêu điểm, trong khi các điều khiển bị vô hiệu hóa không thể nhận tiêu điểm và không được gửi cùng với biểu mẫu và thường không hoạt động như các điều khiển cho đến khi chúng được bật
Vì trường chỉ đọc không thể thay đổi giá trị của nó do tương tác của người dùng, nên readonly9 không có bất kỳ ảnh hưởng nào đối với các đầu vào có thuộc tính readonly cũng được chỉ định
Cách duy nhất để sửa đổi động giá trị của thuộc tính chỉ đọc là thông qua tập lệnh
Ghi chú. Thuộc tính readonly9 không được phép trên các đầu vào có thuộc tính readonly được chỉ định
Trình duyệt hiển thị thuộc tính readonly
Nếu phần tử ở chế độ chỉ đọc, thì người dùng không thể cập nhật giá trị của phần tử và không tham gia xác thực ràng buộc