วิธีตั้งค่าจำนวนบรรทัดที่มองเห็นได้ใน textarea ด้วย HTML

ใช้แอตทริบิวต์ rows ของแท็ก <textarea> เพื่อกำหนดจำนวนบรรทัดที่มองเห็นได้ (visible lines) โดยไม่ต้องเลื่อน스크롤 ควรใช้ร่วมกับ cols (จำนวนคอลัมน์/ความกว้าง) เพื่อควบคุมขนาดเริ่มต้น

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

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

<!DOCTYPE html>
<html>
<head>
  <title>HTML rows attribute</title>
</head>
<body>
  <form action="/submit" method="post">
    <label for="description">รายละเอียด:</label>
    <br />
    <textarea 
      id="description"
      name="description" 
      rows="5" 
      cols="50" 
      placeholder="กรุณากรอกรายละเอียด..."
      maxlength="1000">
    </textarea>
    <br>
    <input type="submit" value="ส่งข้อมูล" />
  </form>
</body>
</html>

เคล็ดลับเพิ่มเติม

• ใช้ CSS resize: vertical | horizontal | both | none เพื่อควบคุมการปรับขนาดโดยผู้ใช้
• ใช้ min-height และ max-height แทน rows สำหรับการควบคุมที่แม่นยำกว่า
• แอตทริบิวต์ rows และ cols เป็นค่าเริ่มต้นเท่านั้น ผู้ใช้สามารถปรับขนาดได้หากไม่ปิดการ resize

การเข้าถึง (Accessibility)

ควรใช้ <label> ผูกกับ textarea ผ่าน for และ id เสมอ เพื่อให้ screen readers อ่านชื่อฟิลด์ได้ถูกต้อง