แท็ก textarea
แท็ก textarea สร้างช่องป้อนข้อความหลายบรรทัด
สำหรับใช้ในฟอร์ม HTML
แตกต่างจากแท็ก input,
ใน textarea สามารถป้อนข้อความได้หลายบรรทัด
โดยแบ่งด้วยปุ่ม Enter
แท็ก textarea ควรอยู่ภายใน
แท็ก form
ซึ่งไม่จำเป็นหากไม่ต้องการส่ง
ข้อมูลไปยังเซิร์ฟเวอร์และประมวลผล
ผ่าน PHP ในภายหลัง
โดยค่าเริ่มต้น ผู้ใช้สามารถปรับเปลี่ยน
ขนาดของแท็ก textarea ได้โดยการลาก
มุมขวาล่าง พฤติกรรมนี้สามารถเปลี่ยนแปลงได้
โดยใช้คุณสมบัติ CSS resize
ตัวอย่าง . textarea ธรรมดา
ลองดูว่าแท็ก textarea ทำงานอย่างไร:
html<textarea></textarea>
Результат:
ตัวอย่าง . ข้อความเริ่มต้น
ลองเพิ่มข้อความเริ่มต้นให้กับแท็ก textarea
สังเกตว่า
ต่างจากแท็ก input,
แท็ก textarea ไม่ได้กำหนดแอตทริบิวต์
value,
แต่ข้อความเริ่มต้นจะถูกเขียนระหว่างแท็กเปิด
และแท็กปิด:
html<textarea>ข้อความบางอย่าง</textarea>
Результат:
ตัวอย่าง . ช่องว่างที่ไม่ต้องการ
ให้ความสนใจว่า หากแยกแท็กเปิดและแท็กปิด ออกเป็นคนละบรรทัด ในผลลัพธ์ ช่องป้อนข้อความนี้จะปรากฏช่องว่างเพิ่มเติม (วิธีแก้: อย่าแยกออกเป็นบรรทัดต่างกัน):
html<textarea>
ข้อความบางอย่าง
</textarea>
Результат:
ตัวอย่าง . คำแนะนำใน textarea
และตอนนี้ลองเพิ่มคำแนะนำ
placeholder ให้กับแท็ก textarea:
html<textarea placeholder="ฉันคือคำแนะนำ"></textarea>
Результат: