วิธาสร้างช่องกรอกข้อความหลายบรรทัด (Textarea) ใน HTML

บทนำ

ใช้แท็ก <textarea> สำหรับช่องกรอกข้อความหลายบรรทัด กำหนดขนาดด้วย rows (บรรทัด) และ cols (ตัวอักษรต่อบรรทัด)

แอตทริบิวต์สำคัญ

แอตทริบิวต์	ค่า	คำอธิบาย
`autofocus`	autofocus	โฟกัสอัตโนมัติเมื่อโหลดหน้า
`cols`	number	ความกว้าง (จำนวนตัวอักษร)
`rows`	number	ความสูง (จำนวนบรรทัด)
`disabled`	disabled	ปิดการใช้งาน
`form`	form_id	เชื่อมโยงกับฟอร์ม (วางนอกได้)
`maxlength`	number	จำนวนตัวอักษรสูงสุด
`minlength`	number	จำนวนตัวอักษรต่ำสุด
`name`	string	ชื่อฟิลด์ (สำหรับส่งฟอร์ม)
`placeholder`	string	ข้อความแนะนำ (หายเมื่อพิมพ์)
`readonly`	readonly	อ่านอย่างเดียว ไม่แก้ไขได้
`required`	required	บังคับกรอก
`wrap`	hard / soft	การขึ้นบรรทัดอัตโนมัติ

ตัวอย่างโค้ด

<!DOCTYPE html>
<html>
  <head>
    <title>HTML textarea Tag</title>
  </head>
  <body>
    <form action="/cgi-bin/hello_get.cgi" method="get">
      ต้องการปรับปรุงอะไรในวิทยาลัย? <br>
      <textarea rows="5" cols="60" name="description">
        ใส่รายละเอียดที่นี่...
      </textarea><br>
      <input type="submit" value="submit" />
    </form>
  </body>
</html>

CSS สำหรับจัดขนาดแทน rows/cols

textarea {
  width: 100%;
  min-height: 150px;
  resize: vertical; /* horizontal, both, none */
}