Thuộc tính readonly của <textarea> trong HTML

Giới thiệu

Thuộc tính readonly của <textarea> làm cho ô nhập liệu chỉ đọc (read-only). Người dùng không thể chỉnh sửa nội dung nhưng vẫn có thể chọn, sao chép văn bản. Khác với disabled: readonly vẫn gửi giá trị khi submit form, disabled thì không.

Cú pháp

<textarea readonly></textarea>

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <h2>Câu hỏi phỏng vấn</h2>
  <p>Câu 1</p>
  <textarea rows="6" cols="70" placeholder="Tại sao bạn muốn ứng tuyển Biên tập viên? (100 từ)"></textarea>
  <p>Câu 2</p>
  <textarea rows="6" cols="70" placeholder="Bạn có kinh nghiệm xuất bản không? (100 từ)"></textarea>
  <p>Hướng dẫn phỏng vấn:</p>
  <textarea rows="6" cols="70" readonly>
    Thí sinh có mặt lúc 10h00 kèm chứng chỉ.
  </textarea>
</body>
</html>

Kết quả hiển thị

Hai ô textarea đầu cho nhập liệu, ô thứ ba (hướng dẫn) chỉ đọc (readonly).

<textarea rows="6" cols="70" readonly> Thí sinh có mặt lúc 10h00 kèm chứng chỉ. </textarea>