Thuộc tính Ngày nhập DOM HTML readOnly đặt / trả về liệu Ngày nhập liệu có thể được sửa đổi hay không.
Cú pháp
Sau đây là cú pháp -
- Trả về giá trị boolean - true / false
inputDateObject.readOnly
- Cài đặt readOnly sang booleanValue
inputDateObject.readOnly = booleanValue
Giá trị Boolean
Ở đây, “booleanValue” có thể là như sau -
booleanValue | Chi tiết |
---|---|
true | Nó xác định rằng ngày đầu vào là readOnly. |
false | Nó xác định rằng ngày đầu vào không phải là readOnly và có thể được sửa đổi. |
Ví dụ
Hãy để chúng tôi xem ví dụ về Ngày nhập liệu chỉ đọc tài sản -
<!DOCTYPE html> <html> <head> <title>Input Date readOnly</title> </head> <body> <form> Final Exam Date: <input type="date" id="dateSelect"> </form> <button onclick="finalizeDate()">Confirm Date</button> <div id="divDisplay"></div> <script> var divDisplay = document.getElementById("divDisplay"); var inputDate = document.getElementById("dateSelect"); divDisplay.textContent = 'Exam Date Finalized: '+inputDate.readOnly; function finalizeDate() { inputDate.readOnly = true; divDisplay.textContent = 'Exam Date: '+inputDate.value; } </script> </body> </html>
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi nhấp vào ‘Xác nhận ngày’ nút -
Sau khi nhấp vào ‘Xác nhận Ngày’ nút -