ใช้แท็ก เพื่อแสดงพื้นที่ข้อความ แท็ก HTML <textarea> ใช้ในแบบฟอร์มเพื่อประกาศองค์ประกอบ textarea - ตัวควบคุมที่อนุญาตให้ผู้ใช้ป้อนข้อความในหลายแถว</P> <p> ต่อไปนี้เป็นคุณลักษณะ -</P> <table><thead><tr><th style="width:20.8609%; text-align:center;">แอตทริบิวต์ <br> </th> <th style="width:21.1921%; text-align:center;">ค่า <br> </th> <th style="width:57.7814%; text-align:center;">คำอธิบาย <br> </th> </tr> </thead> <tbody><tr><td style="width:20.8609%; text-align:center;">ออโต้โฟกัส <img loading='lazy' alt='เราจะแสดงพื้นที่ข้อความใน HTML ได้อย่างไร ' src="/article/uploadfiles/202203/2022033116013601.png" /> <br> </td> <td style="width:21.1921%; text-align:center;">ออโต้โฟกัส <br> </td> <td style="width:57.7814%;">ระบุว่าในการโหลดหน้า พื้นที่ข้อความควรได้รับการโฟกัสโดยอัตโนมัติ <br> </td> </tr> <tr><td style="width:20.8609%; text-align:center;">cols <br> </td> <td style="width:21.1921%; text-align:center;">Number <br> </td> <td style="width:57.7814%;">ระบุความกว้างของพื้นที่ข้อความตามจำนวนความกว้างของอักขระที่มองเห็นได้ <br> </td> </tr> <tr><td style="width:20.8609%; text-align:center;">disabled <br> </td> <td style="width:21.1921%; text-align:center;">ปิดการใช้งาน <br> </td> <td style="width:57.7814%;">ระบุความกว้างของพื้นที่ข้อความตามจำนวนความกว้างของอักขระที่มองเห็นได้ <br> </td> </tr> <tr><td style="width:20.8609%; text-align:center;">form <img loading='lazy' alt='เราจะแสดงพื้นที่ข้อความใน HTML ได้อย่างไร ' src="/article/uploadfiles/202203/2022033116013647.png" /> <br> </td> <td style="width:21.1921%; text-align:center;">form_id <br> </td> <td style="width:57.7814%;">ระบุอย่างน้อยหนึ่งรูปแบบ <br> </td> </tr> <tr><td style="width:20.8609%; text-align:center;">ความยาวสูงสุด <img loading='lazy' alt='เราจะแสดงพื้นที่ข้อความใน HTML ได้อย่างไร ' src="/article/uploadfiles/202203/2022033116013634.png" /> <br> </td> <td style="width:21.1921%; text-align:center;">Number <br> </td> <td style="width:57.7814%;">ระบุจำนวนอักขระสูงสุดในพื้นที่ข้อความ <br> </td> </tr> <tr><td style="width:20.8609%; text-align:center;">ชื่อ <br> </td> <td style="width:21.1921%; text-align:center;">Text <br> </td> <td style="width:57.7814%;">กำหนดชื่อให้กับตัวควบคุมอินพุต <br> </td> </tr> <tr><td style="width:20.8609%; text-align:center;">ตัวยึดตำแหน่ง <img loading='lazy' alt='เราจะแสดงพื้นที่ข้อความใน HTML ได้อย่างไร ' src="/article/uploadfiles/202203/2022033116013617.png" /> <br> </td> <td style="width:21.1921%; text-align:center;">Text <br> </td> <td style="width:57.7814%;">ระบุคำใบ้สั้นๆ ของค่าในพื้นที่ข้อความ <br> </td> </tr> <tr><td style="width:20.8609%; text-align:center;">อ่านอย่างเดียว <br> </td> <td style="width:21.1921%; text-align:center;">อ่านอย่างเดียว <br> </td> <td style="width:57.7814%;">ตั้งค่าการควบคุมอินพุตเป็นแบบอ่านอย่างเดียว จะไม่อนุญาตให้ผู้ใช้เปลี่ยนค่า อย่างไรก็ตาม ตัวควบคุมสามารถรับโฟกัสและรวมอยู่ด้วยเมื่อทำการแท็บผ่านตัวควบคุมฟอร์ม <br> </td> </tr> <tr><td style="width:20.8609%; text-align:center;">required <img loading='lazy' alt='เราจะแสดงพื้นที่ข้อความใน HTML ได้อย่างไร ' src="/article/uploadfiles/202203/2022033116013650.png" /> <br> </td> <td style="width:21.1921%; text-align:center;">จำเป็น <br> </td> <td style="width:57.7814%;">ระบุว่าต้องมี textarea <br> </td> </tr> <tr><td style="width:20.8609%; text-align:center;">แถว <br> </td> <td style="width:21.1921%; text-align:center;">Number <br> </td> <td style="width:57.7814%;">ระบุความสูงของพื้นที่ข้อความตามจำนวนบรรทัดข้อความที่มองเห็นได้ หากมีข้อความมากกว่านี้ ผู้ใช้สามารถเลื่อนโดยใช้แถบเลื่อนของพื้นที่ข้อความ <br> </td> </tr> <tr><td style="width:20.8609%; text-align:center;">wrap <img loading='lazy' alt='เราจะแสดงพื้นที่ข้อความใน HTML ได้อย่างไร ' src="/article/uploadfiles/202203/2022033116013675.png" /> <br> </td> <td style="width:21.1921%; text-align:center;">hard <br> อ่อน <br> </td> <td style="width:57.7814%;">ระบุข้อความที่จะห่อในพื้นที่ข้อความ <br> </td> </tr> </tbody> </table> <h2 style="">ตัวอย่าง</h2> <p style="">คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อแสดงพื้นที่ข้อความใน HTML −</P> <pre><!DOCTYPE html> <html> <head> <title>HTML textarea Tag</title> </head> <body> <form action = "/cgi-bin/hello_get.cgi" method = "get"> Enter subjects <br /> <textarea rows = "5" cols = "50" name = "description"> </textarea> <input type = "submit" value = "submit" /> </form> </body> </html></pre> <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/1004063959.html' >จะสร้างส่วนท้ายของตารางใน HTML ได้อย่างไร? </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/1004063961.html' >เราจะแสดงเซลล์ตารางใน HTML ได้อย่างไร </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/1004063739.html" class="title"> <p class="r-over r-over-2" title="จะทำเครื่องหมายข้อความที่แทรกใน HTML ได้อย่างไร "> จะทำเครื่องหมายข้อความที่แทรกใน HTML ได้อย่างไร </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004063741.html" class="title"> <p class="r-over r-over-2" title="จะทำเครื่องหมายข้อความขีดทับใน HTML ได้อย่างไร? "> จะทำเครื่องหมายข้อความขีดทับใน HTML ได้อย่างไร? </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004063765.html" class="title"> <p class="r-over r-over-2" title="จะแสดงข้อความจากขวาไปซ้ายโดยใช้ HTML ได้อย่างไร "> จะแสดงข้อความจากขวาไปซ้ายโดยใช้ HTML ได้อย่างไร </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004063839.html" class="title"> <p class="r-over r-over-2" title="วิธีสร้างการป้อนข้อความหลายบรรทัด (พื้นที่ข้อความ) ใน HTML "> วิธีสร้างการป้อนข้อความหลายบรรทัด (พื้นที่ข้อความ) ใน HTML </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/1004038892.html" title="วิธีสร้าง HTML ข้อความตัวหนา "> <p class="r-over r-over-2">วิธีสร้าง HTML ข้อความตัวหนา </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/ec452w/1004056140.html" title="เราจะรวมทิศทางของการแสดงข้อความใน HTML ได้อย่างไร "> <p class="r-over r-over-2">เราจะรวมทิศทางของการแสดงข้อความใน HTML ได้อย่างไร </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/ec452w/1004056155.html" title="จะจัดกึ่งกลางข้อความใน HTML ได้อย่างไร "> <p class="r-over r-over-2">จะจัดกึ่งกลางข้อความใน HTML ได้อย่างไร </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/1004063840.html" title="วิธีการใช้ textarea (ช่องป้อนข้อความหลายบรรทัด) ใน HTML? "> <p class="r-over r-over-2">วิธีการใช้ textarea (ช่องป้อนข้อความหลายบรรทัด) ใน HTML? </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/1004063925.html" title="จะแสดง fieldset ใน HTML ได้อย่างไร? "> <p class="r-over r-over-2">จะแสดง fieldset ใน HTML ได้อย่างไร? </p> </a> </li> </ol> </section> <ul> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004063723.html" class="i-text"><p class="r-over r-over-3">จะขีดเส้นใต้ข้อความใน HTML ได้อย่างไร? </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004063738.html" class="i-text"><p class="r-over r-over-3">วิธีการทำเครื่องหมายตัวยกข้อความใน HTML? </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064063.html" class="i-text"><p class="r-over r-over-3">เราจะตั้งค่าแบบอักษรข้อความใน HTML ได้อย่างไร </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064069.html" class="i-text"><p class="r-over r-over-3">เราจะแสดงข้อความที่แทรกใน HTML ได้อย่างไร </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064072.html" class="i-text"><p class="r-over r-over-3">จะแสดงรูปภาพใน HTML ได้อย่างไร? </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>
