บทนำ
แท็ก <textarea> ใช้สร้างช่องกรอกข้อความหลายบรรทัด คล้ายกับบทความก่อนหน้าแต่อาจมีรายละเอียดต่างออกไป
แอตทริบิวต์สำคัญ (สรุป)
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| autofocus | autofocus | โฟกัสอัตโนมัติ |
| cols | number | ความกว้าง (ตัวอักษร) |
| rows | number | ความสูง (บรรทัด) |
| disabled | disabled | ปิดการใช้งาน |
| form | form_id | เชื่อมโยงฟอร์ม |
| maxlength | number | ตัวอักษรสูงสุด |
| minlength | number | ตัวอักษรต่ำสุด |
| name | text | ชื่อฟิลด์ |
| placeholder | text | ข้อความแนะนำ |
| readonly | readonly | อ่านอย่างเดียว |
| required | required | บังคับกรอก |
| wrap | hard / soft | hard=ส่งข้อมูลพร้อม newline, soft=ไม่ส่ง newline |
ตัวอย่างโค้ด
<!DOCTYPE html>
<html>
<head>
<title>HTML textarea Tag</title>
</head>
<body>
<form action="/cgi-bin/hello_get.cgi" method="get">
ต้องการปรับปรุงอะไรในวิทยาลัย? <br>
<textarea rows="4" cols="40" name="description">
ใส่รายละเอียดที่นี่...
</textarea> <br>
<input type="submit" value="submit" />
</form>
</body>
</html>
ความแตกต่าง wrap="hard" vs "soft"
- hard - บรรทัดใหม่จะถูกส่งร่วมกับข้อมูลฟอร์ม (ต้องมี cols)
- soft (default) - แสดงขึ้นบรรทัดใหม่แต่ส่งเป็นบรรทัดเดียว
