การทำงานกับ textarea ใน JavaScript
ในส่วนนี้ของตำราเรียน เราจะศึกษา
การทำงานกับฟีเจอร์ของฟอร์มที่ซับซ้อนมากขึ้น
เริ่มต้นการศึกษาด้วยแท็ก textarea
ซึ่งเป็นฟิลด์ป้อนข้อมูลหลายบรรทัด
ในการทำงานกับแท็กนี้ มีรายละเอียดบางประการ
สาระสำคัญมีดังนี้: ข้อความที่จะ
อยู่ในแท็กตามค่าเริ่มต้น จะถูกวาง
ระหว่างแท็กเปิดและแท็กปิด textarea:
<textarea id="elem">text</textarea>
:
อย่างไรก็ตาม แม้จะเป็นเช่นนี้ การอ่านและเขียน
ข้อความของแท็กไม่ควรทำผ่านคุณสมบัติ innerHTML
แต่ควรทำผ่าน value ตัวอย่าง ลองแสดง
ข้อความของ textarea ข้างต้น:
let elem = document.querySelector('#elem');
console.log(elem.value); // จะแสดง 'text'
มี textarea และย่อหน้า เมื่อเสียโฟกัสใน textarea ให้เขียนข้อความของมันลงในย่อหน้า