Cách vô hiệu hóa thuộc tính resize của textarea bằng JavaScript/CSS

Để ngăn người dùng thay đổi kích thước <textarea>, bạn chỉ cần sử dụng CSS. JavaScript không cần thiết cho việc này vì đây là vấn đề trình bày (presentation).

Vô hiệu hóa tất cả textarea

textarea {
  resize: none;
}

Vô hiệu hóa textarea cụ thể

Sử dụng selector CSS để nhắm mục tiêu chính xác:

Theo thuộc tính `name`

textarea[name="demo"] {
  resize: none;
}

Theo thuộc tính `id`

#demo {
  resize: none;
}

HTML tương ứng:

<textarea id="demo"></textarea>

Các giá trị khác của `resize`

Giá trị	Mô tả
`none`	Không cho phép resize (mặc định cho hầu hết input)
`both`	Resize cả chiều ngang và dọc (mặc định của textarea)
`horizontal`	Chỉ resize chiều ngang
`vertical`	Chỉ resize chiều dọc
`block`	Resize theo block direction (thường là dọc)
`inline`	Resize theo inline direction (thường là ngang)

Lưu ý quan trọng

Thuộc tính resize chỉ áp dụng cho các element có overflow khác visible.
Để đảm bảo hoạt động, hãy thêm overflow: auto hoặc overflow: hidden cho textarea.
Việc này thuần túy là CSS, không cần JavaScript.