HTML <textarea> thẻ

Định nghĩa và cách sử dụng

<textarea> Thẻ định nghĩa điều khiển đầu vào văn bản đa dòng.

<textarea> Các yếu tố thường được sử dụng trong biểu mẫu để thu thập đầu vào của người dùng, chẳng hạn như bình luận hoặc phản hồi.

Vùng văn bản có thể chứa một số lượng ký tự vô hạn và văn bản được hiển thị bằng phông chữ đậm (thường là Courier).

Kích thước của khu vực văn bản được quy định bởi thuộc tính cols và rows (hoặc sử dụng CSS).

Sau khi gửi biểu mẫu cần thuộc tính name để tham chiếu dữ liệu biểu mẫu (nếu bỏ qua thuộc tính name, dữ liệu khu vực văn bản sẽ không được gửi).

Cần thuộc tính id để liên kết khu vực văn bản với thẻ (label).

Lời khuyên:Luôn thêm <label> Thẻ, để có các thực hành khả năng truy cập tốt nhất!

Xin xem thêm:

Tài liệu tham khảo HTML DOM:Đối tượng Textarea

Giáo trình CSS:Cài đặt phong cách biểu mẫu

Mô hình

Ví dụ 1

Một điều khiển nhập văn bản đa dòng (khu vực văn bản):

<label for="w3review">Bình luận CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Tại codew3c.com, bạn sẽ học cách phát triển trang web. Họ cung cấp các bài giảng miễn phí về tất cả các kỹ thuật phát triển Web.
</textarea>

Thử nghiệm trực tiếp

Ví dụ 2

Vô hiệu hóa tùy chọn điều chỉnh kích thước mặc định:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Bình luận CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Tại codew3c.com, bạn sẽ học cách phát triển trang web. Họ cung cấp các bài giảng miễn phí về tất cả các kỹ thuật phát triển Web.
</textarea>
</body>
</html>

Thử nghiệm trực tiếp

Thuộc tính

Thuộc tính Giá trị Mô tả
autofocus autofocus Định nghĩa khu vực văn bản nên tự động nhận được sự tập trung khi trang được tải.
cols số Định nghĩa độ rộng hiển thị của khu vực văn bản.
dirname textareaname.dir Định nghĩa hướng văn bản của văn bản trong khu vực văn bản được gửi.
disabled disabled Định nghĩa nên vô hiệu hóa khu vực văn bản.
form id biểu mẫu Định nghĩa biểu mẫu mà khu vực văn bản thuộc về.
maxlength số Định nghĩa số ký tự tối đa mà khu vực văn bản được phép nhập.
name text Định nghĩa tên của khu vực văn bản.
placeholder text Định nghĩa lời nhắc ngắn về giá trị mong đợi của văn bản mô tả.
readonly readonly Định nghĩa khu vực văn bản nên là chỉ đọc.
required required Định nghĩa khu vực văn bản là bắt buộc.
rows số Định nghĩa số dòng văn bản có thể nhìn thấy trong khu vực văn bản.
wrap
  • hard
  • soft
 Định nghĩa cách văn bản trong khu vực văn bản được phân dòng khi biểu mẫu được gửi.

Thuộc tính toàn cục

<textarea> Thẻ hỗ trợ Thuộc tính toàn cục trong HTML。

Thuộc tính sự kiện

<textarea> Thẻ hỗ trợ Thuộc tính sự kiện trong HTML。

Mặc định các thiết lập CSS

无。

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ