HTML <textarea> แบบภาพ

  • หน้าก่อนหน้า <template>
  • หน้าต่อไป <tfoot>

การนิยามและการใช้งาน

<textarea> แท็กนี้นิยามความหมายของโค้ดยื่นที่ใช้สำหรับข้อความแบบหลายบรรทัด

<textarea> องค์ประกอบนี้มักถูกใช้ในแบบฟอร์มเพื่อรับความรับมือจากผู้ใช้งาน เช่น ข้อความหรือความคิดเห็น

พื้นที่ข้อความสามารถรองรับตัวอักษรจำนวนไม่จำกัด และข้อความแสดงด้วยตัวอักษรเทียบเท่า (เป็นไปตามที่มักใช้ Courier)

ขนาดของ textarea กำหนดโดยคุณสมบัติ cols และ rows (หรือด้วย CSS)

ต้องการ name สำหรับอ้างอิงข้อมูลฟอร์มหลังจากส่งฟอร์ม (ถ้าละเลย name ข้อมูล textarea จะไม่ถูกส่ง)

ต้องการ id สำหรับเชื่อมโยง textarea กับ label (label)

คำแนะนำเสนอให้เพิ่ม <label> ใช้แบบฉบับ label ให้เสมือนกันเพื่อประสบความสำเร็จในการเข้าถึง

ดูเพิ่มเติมที่

คู่มือ HTML DOMObject Textarea

สอน CSSตั้งค่ารูปแบบฟอร์ม

ตัวอย่าง

ตัวอย่าง 1

ควบคุมการเข้าข้อมูลข้อความมากเกี่ยวข้อง (textarea)

<label for="w3review">ความคิดเห็น CodeW3C.com：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
ที่ codew3c.com คุณจะเรียนรู้ว่าเป็นไรที่จะพัฒนาเว็บไซต์ พวกเขามีการเรียนการสอนทั้งหมดฟรีสำหรับเทคโนโลยีการพัฒนาเว็บ
</textarea>

ลองเดาเอง

ตัวอย่าง 2

ปิดกั้นตัวเลือกการปรับขนาดโดยเริ่มต้น

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">ความคิดเห็น CodeW3C.com：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
ที่ codew3c.com คุณจะเรียนรู้ว่าเป็นไรที่จะพัฒนาเว็บไซต์ พวกเขามีการเรียนการสอนทั้งหมดฟรีสำหรับเทคโนโลยีการพัฒนาเว็บ
</textarea>
</body>
</html>

ลองเดาเอง

คุณสมบัติ

คุณสมบัติ ค่า คำอธิบาย
autofocus autofocus กำหนดว่าโซน textarea ควรได้รับความสนใจอัตโนมัติเมื่อหน้าเว็บจะโหลด
cols ตัวเลข กำหนดความกว้างที่มองเห็นของโซน textarea
dirname textareaname.dir กำหนดมุมมองของข้อความในโซน textarea ที่จะถูกส่ง
disabled disabled กำหนดว่าโซน textarea ควรห้ามใช้
form id ของฟอร์ม กำหนดฟอร์มที่โซน textarea อยู่ใน
maxlength ตัวเลข กำหนดจำนวนตัวอักษรที่สามารถใส่ได้สูงสุดในโซน textarea
name ข้อความ กำหนดชื่อของโซน textarea
placeholder ข้อความ กำหนดคำขวัญที่ใช้เพื่อแนะนำค่าที่คาดว่าจะใช้
readonly readonly กำหนดว่าโซน textarea ควรเป็นแบบอ่านเฉพาะ
required required กำหนดว่าโซน textarea ต้องติดตั้ง
rows ตัวเลข กำหนดจำนวนบรรทัดที่มองเห็นในโซน textarea
wrap
  • hard
  • soft
 กำหนดว่าข้อความในโซน textarea จะแบ่งบรรทัดแบบไหนเมื่อเข้าสู่ฟอร์ม

คุณสมบัติโลกะละแว้ง

<textarea> ตามแบบฉบับยังสนับสนุน คุณสมบัติโลกะละแว้งใน HTML。

คุณสมบัติเหตุการณ์

<textarea> ตามแบบฉบับยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML。

การตั้งค่า CSS โดยเริ่มต้น

ไม่มีสิ่งใด

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อนหน้า <template>
  • หน้าต่อไป <tfoot>