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

Cách thiết lập ngắt dòng văn bản trong textarea (wrap) trong HTML?

Thuộc tính wrap trên <textarea> kiểm soát cách văn bản được gói khi submit form.

Giá trị

Giá trị Hành vi
soft (mặc định)Văn bản xuống dòng trực quan trên UI, nhưng gửi nguyên một dòng (không có \n từ wrap).
hardVăn bản xuống dòng trực quan và gửi kèm ký tự xuống dòng (\n) tại điểm wrap. Yêu cầu có cols.
offKhông wrap trực quan (cuộn ngang), gửi nguyên một dòng.

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <form action="">
      <textarea rows="2" cols="12" name="details" wrap="hard">
Đây là văn bản demo dài để test wrap hard khi submit form.
      </textarea><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Lưu ý

  • wrap="hard" bắt buộc có cols (để biết wrap ở cột nào).
  • Hiển thị UI (line break visual) luôn hoạt động độc lập với wrap (trừ wrap="off").
  • Server nhận dữ liệu: wrap=soft → một dòng; wrap=hard → nhiều dòng có \n.
  • CSS white-space: pre-wrap / normal kiểm soát hiển thị, không ảnh hưởng submit.