Thuộc tính readOnly trong HTML

Thuộc tính readOnly trong HTML biểu thị rằng một phần tử input hoặc textarea chỉ đọc (read-only), nghĩa là bạn không thể sửa đổi nội dung của nó trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

<tagname readOnly></tagname>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính readOnly trong HTML:

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
  }
  input {
    display: block;
    width: 50%;
    margin: 1rem auto;
    text-align: center;
  }
</style>
<body>
<h1>Demo thuộc tính readOnly trong HTML</h1>
<input type="text" value="Tôi là một phần tử input với thuộc tính readOnly" readOnly>
</body>
</html>

Kết quả