Thuộc tính readOnly của Input Text trong HTML DOM

Thuộc tính readOnly của Input Text trong HTML DOM dùng để thiết lập hoặc trả về xem trường văn bản có chỉ đọc hay không. readOnly làm phần tử không thể chỉnh sửa nhưng vẫn focus được bằng tab hoặc click. Nếu có giá trị mặc định trong phần tử chỉ đọc thì nó sẽ gửi lên server khi submit.

Cú pháp

Cú pháp để thiết lập thuộc tính readOnly:

textObject.readOnly = true|false

true = chỉ đọc, false = không. Mặc định false.

Ví dụ

Ví dụ minh họa cho thuộc tính readOnly:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính readOnly của Input Text</h1> 
TÊN ĐĂNG NHẬP: <input type="text" id="USR"> 
<p>Thay đổi thuộc tính readOnly của trường trên bằng cách nhấn nút dưới đây</p> 
<button onclick="changeRead()">THAY ĐỔI</button> 
<script> 
    function changeRead() { 
        document.getElementById("USR").readOnly = true; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI", trường văn bản trở thành chỉ đọc, không thể thay đổi nội dung, nhưng giá trị vẫn gửi lên server khi submit.