Cách hiển thị chiều rộng nhìn thấy của textarea trong HTML?

Sử dụng thuộc tính cols trên <textarea> để đặt chiều rộng hiển thị (số ký tự trung bình trên một dòng). Thuộc tính rows đặt chiều cao (số dòng).

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <textarea rows="3" cols="40">
Đây là đoạn văn demo. Đây là đoạn văn demo.
Đây là đoạn văn demo. Đây là đoạn văn demo.
    </textarea>
  </body>
</html>

Lưu ý

• cols và rows chỉ ảnh hưởng kích thước hiển thị ban đầu.
• Người dùng có thể resize textarea (mặc định). Dùng CSS resize: none; để tắt.
• Khuyến nghị dùng CSS width, height để kiểm soát chính xác hơn.

Ví dụ CSS hiện đại

<textarea style="width: 100%; height: 100px;">Nội dung...</textarea>