แอตทริบิวต์ cols ของ <textarea>: กำหนดความกว้างของพื้นที่ข้อความ

หมายเหตุ: cols เดิมใช้กับ <frameset> ด้วย แต่ <frameset> ล้าสมัยใน HTML5 แล้ว

ไวยากรณ์ (Syntax)

<textarea cols="number"></textarea>

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
  <h2>คำถามสัมภาษณ์</h2>
  <p>ทำไมคุณถึงต้องการตำแหน่งบรรณาธิการ? (100 คำ)</p>
  <textarea rows="6" cols="70" autofocus>
  เขียนคำตอบ 100 คำที่นี่...
  </textarea>
  
  <p>จุดอ่อนของคุณคืออะไร? (50 คำ)</p>
  <textarea rows="4" cols="70" autofocus>
  เขียนคำตอบ 50 คำที่นี่...
  </textarea>
</body>
</html>

ผลลัพธ์

Textarea ทั้งสองมีความกว้าง 70 ตัวอักษร (cols="70") ความสูง 6 และ 4 บรรทัด (rows) ตามลำดับ

cols vs CSS width

แนวทางปฏิบัติที่ดี

<!-- ระบุ cols เพื่อ Validity และ Fallback -->
<textarea rows="6" cols="70" 
          style="width: 100%; max-width: 800px; min-height: 120px; font-family: monospace;">
</textarea>

• ระบุ cols และ rows เสมอ (Required for HTML Validity)
• ใช้ CSS width, min-height ควบคุมขนาดจริง
• resize: vertical/horizontal/both/none ควบคุมการปรับขนาดโดยผู้ใช้