Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách tạo ô nhập văn bản nhiều dòng (Textarea) trong HTML

Thẻ <textarea> tạo ô nhập nhiều dòng. Kích thước bằng thuộc tính rows (số dòng hiển thị) và cols (số ký tự mỗi dòng). Thường dùng trong form.

Các thuộc tính chính

Thuộc tínhGiá trịMô tả
autofocusautofocusTự động focus khi tải trang
colssốChiều rộng (số ký tự)
disableddisabledVô hiệu hóa
formform_idLiên kết form
maxlengthsốSố ký tự tối đa
nametextTên control (gửi server)
placeholdertextGợi ý placeholder
readonlyreadonlyChỉ đọc, vẫn focus/tab được
requiredrequiredBắt buộc nhập
rowssốChiều cao (số dòng)
wraphard / softCách gói dòng khi submit

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML textarea Tag</title>
  </head>
  <body>
    <form action="/cgi-bin/hello_get.cgi" method="get">
      Đề xuất cải tiến cho trường học? <br>
      <textarea rows="5" cols="60" name="description">
Nhập chi tiết tại đây...
      </textarea><br>
      <input type="submit" value="Gửi" />
    </form>
  </body>
</html>