HTML DOM Textarea Object แสดงถึงองค์ประกอบ ของเอกสาร HTML</P> <p> สร้างวัตถุ Textarea</P> <h2>ไวยากรณ์</h2> <p> ต่อไปนี้เป็นไวยากรณ์ -</P> <pre>document.createElement(“TEXTAREA”);</pre> <h2>คุณสมบัติของวัตถุ Textarea</h2> <table><thead><tr><th>ทรัพย์สิน</th> <th style="text-align:center;">คำอธิบาย</th> </tr> </thead> <tbody><tr><td>ออโต้โฟกัส</td> <td>ส่งกลับและแก้ไขว่าพื้นที่ข้อความควรได้รับการโฟกัสโดยอัตโนมัติหรือไม่เมื่อหน้าเว็บโหลด</td> </tr> <tr><td>ค่าเริ่มต้น</td> <td>ส่งกลับและแก้ไขค่าเริ่มต้นขององค์ประกอบพื้นที่ข้อความในเอกสาร HTML</td> </tr> <tr><td>โคลส์</td> <td>ส่งกลับและแก้ไขค่าของแอตทริบิวต์ cols ขององค์ประกอบพื้นที่ข้อความในเอกสาร HTML</td> </tr> <tr><td>ปิดการใช้งาน</td> <td>ส่งคืนและแก้ไขว่าองค์ประกอบพื้นที่ข้อความในเอกสาร HTML ถูกปิดใช้งานหรือไม่</td> </tr> <tr><td>แบบฟอร์ม</td> <td>ส่งกลับการอ้างอิงของแบบฟอร์มที่ล้อมรอบพื้นที่ข้อความ</td> </tr> <tr><td>ความยาวสูงสุด</td> <td>ส่งกลับและแก้ไขค่าของแอตทริบิวต์ maxLength ขององค์ประกอบพื้นที่ข้อความในเอกสาร HTML</td> </tr> <tr><td>ชื่อ</td> <td>ส่งกลับและแก้ไขค่าของชื่อแอตทริบิวต์ขององค์ประกอบพื้นที่ข้อความในเอกสาร HTML</td> </tr> <tr><td>ตัวยึดตำแหน่ง</td> <td>ส่งกลับและแก้ไขค่าแอตทริบิวต์ตัวยึดตำแหน่งขององค์ประกอบพื้นที่ข้อความในเอกสาร HTML</td> </tr> <tr><td>อ่านอย่างเดียว</td> <td>ส่งกลับและแก้ไขว่าเนื้อหาขององค์ประกอบพื้นที่ข้อความในเอกสาร HTML ควรเป็นแบบอ่านอย่างเดียวหรือไม่</td> </tr> <tr><td>จำเป็น</td> <td>ส่งกลับและแก้ไขค่าของแอตทริบิวต์ที่ต้องการของพื้นที่ข้อความในเอกสาร HTML</td> </tr> <tr><td>แถว</td> <td>ส่งกลับและแก้ไขค่าของแอตทริบิวต์ rows ขององค์ประกอบพื้นที่ข้อความในเอกสาร HTML</td> </tr> <tr><td>พิมพ์</td> <td>ส่งกลับประเภทขององค์ประกอบแบบฟอร์มที่มีพื้นที่ข้อความอยู่ในเอกสาร HTML</td> </tr> <tr><td>ค่า</td> <td>ส่งคืนและแก้ไขเนื้อหาขององค์ประกอบพื้นที่ข้อความในเอกสาร HTML</td> </tr> <tr><td>ห่อ</td> <td>ส่งกลับและแก้ไขค่าของแอตทริบิวต์ wrap ขององค์ประกอบพื้นที่ข้อความในเอกสาร HTML</td> </tr> </tbody> </table> <h2>วิธีการของวัตถุ Textarea</h2> <table><thead><tr><th>วิธีการ</th> <th style="text-align:center;">คำอธิบาย</th> </tr> </thead> <tbody><tr><td>select()</td> <td>เลือกเนื้อหาของพื้นที่ข้อความในเอกสาร HTML</td> </tr> </tbody> </table> <p> ให้เราดูตัวอย่างของวัตถุ Textarea:</P> <h2>ตัวอย่าง</h2> <pre><!DOCTYPE html> <html> <style> body { color: #000; background: lightseagreen; height: 100vh; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; } </style> <body> <h1>DOM Textarea Object Demo</h1> <button onclick="create()" class="btn">Create Textarea</button> <script> function create() { var ta = document.createElement("TEXTAREA"); ta.innerHTML = "Hi! I'm a textarea element in an HTML document with some dummy text."; ta.setAttribute('rows', '8'); document.body.appendChild(ta); } </script> </body> </html></pre> <h2>ผลลัพธ์</h2> <p> <img loading='lazy' alt='HTML DOM Textarea วัตถุ ' src="/article/uploadfiles/202203/2022033116403305.jpg" /></P> <p> คลิกที่ “<strong>สร้างพื้นที่ข้อความ</strong> ” เพื่อสร้างองค์ประกอบ textarea</P> <p> <img loading='lazy' alt='HTML DOM Textarea วัตถุ ' src="/article/uploadfiles/202203/2022033116403455.jpg" /></P> <br> </article> <div class="ad ad5"> <script language='javascript' src='https://th.wsxdn.com/css/ad/th2.js'></script> </div> <section id="turn-page" class="t-over"> <div class="f-start f-align"> <i><img src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://th.wsxdn.com/db044w/zx451s/1004065090.html' >ตาราง HTML DOM createCaption () วิธีการ </a> </div> <div class="f-start f-align"> <i><img src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://th.wsxdn.com/db044w/zx451s/1004065092.html' >HTML DOM TableHeader abbr คุณสมบัติ </a> </div> </section> <section class="box1-3"> <ol class="f-between"> <li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004064995.html" class="title"> <p class="r-over r-over-2" title="วัตถุรายละเอียด HTML DOM "> วัตถุรายละเอียด HTML DOM </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065239.html" class="title"> <p class="r-over r-over-2" title="วัตถุ HTML DOM HR "> วัตถุ HTML DOM HR </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065367.html" class="title"> <p class="r-over r-over-2" title="ออบเจ็กต์ชื่อ HTML DOM "> ออบเจ็กต์ชื่อ HTML DOM </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065382.html" class="title"> <p class="r-over r-over-2" title="HTML DOM Ul Object "> HTML DOM Ul Object </p> </a> </div> </li> </ol> </section> </section> <aside class="box-r"> <section class="box4-1"> <strong> HTML </strong> <ol> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064435.html" title="HTML DOM HTML Object "> <p class="r-over r-over-2">HTML DOM HTML Object </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064541.html" title="วัตถุพารามิเตอร์ HTML DOM "> <p class="r-over r-over-2">วัตถุพารามิเตอร์ HTML DOM </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064542.html" title="วัตถุสคริปต์ HTML DOM "> <p class="r-over r-over-2">วัตถุสคริปต์ HTML DOM </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064643.html" title="วัตถุ HTML DOM S "> <p class="r-over r-over-2">วัตถุ HTML DOM S </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064661.html" title="ออบเจ็กต์สรุป HTML DOM "> <p class="r-over r-over-2">ออบเจ็กต์สรุป HTML DOM </p> </a> </li> </ol> </section> <ul> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064859.html" class="i-text"><p class="r-over r-over-3">วัตถุ HTML DOM dl </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064876.html" class="i-text"><p class="r-over r-over-3">ออบเจ็กต์ส่วนหัว HTML DOM </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064877.html" class="i-text"><p class="r-over r-over-3">วัตถุส่วนหัว HTML DOM </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064887.html" class="i-text"><p class="r-over r-over-3">HTML DOM เน้นวัตถุ </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064894.html" class="i-text"><p class="r-over r-over-3">วัตถุ HTML DOM ส่วนท้าย </p></a> </li> </ul> <ul class="types f-between"> <li><a class='childclass' href='https://th.wsxdn.com/db044w/hf444z/' target="_self">การเขียนโปรแกรม C</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/bz445u/' target="_self">C++</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/tr446l/' target="_self">Redis</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/rp447j/' target="_self">การเขียนโปรแกรม BASH</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/wu448o/' target="_self">Python</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/nl449f/' target="_self">Java</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ig450a/' target="_self">ฐานข้อมูล</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/zx451s/' target="_self">HTML</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ec452w/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/db453v/' target="_self">การเขียนโปรแกรม</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/if454a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ge455y/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/xv456p/' target="_self">SQL</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/jh457b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/om458g/' target="_self">Android</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/mk459f/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/rp460j/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/qn461i/' target="_self">C#</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/jh465b/' target="_self">PHP</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/kh471c/' target="_self">SQL Server</a></li> </ul> </aside> </section> <footer> <section class="msg f-center container"> <span class="f-start"> ลิขสิทธิ์ © <a href="https://th.wsxdn.com">https://th.wsxdn.com</a> สงวนลิขสิทธิ์ </span> </section> </footer> </body> </html>
