Computer >> คอมพิวเตอร์ > >> การเขียนโปรแกรม >> HTML

HTML แอตทริบิวต์ที่จำเป็น</h1> <div class="ad ad4"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="article"> <hr/> <p> แอตทริบิวต์ที่จำเป็นขององค์ประกอบ <textarea> ใน HTML ใช้เพื่อแจ้งให้ผู้เยี่ยมชมทราบว่าต้องกรอกข้อมูลในฟิลด์ textarea นี้ก่อนที่จะส่งแบบฟอร์ม หากผู้เข้าชมคลิกที่ ส่ง โดยไม่ได้กรอกชุดข้อความที่มีแอตทริบิวต์ที่จำเป็น แบบฟอร์มจะไม่ส่ง</P> <p> ต่อไปนี้เป็นไวยากรณ์ -</P> <pre><textarea required></pre> <p> ให้เราดูตัวอย่างการใช้แอตทริบิวต์ที่จำเป็นขององค์ประกอบ <textarea> -</P> <h2>ตัวอย่าง</h2> <pre><!DOCTYPE html> <html> <body> <h2>Subject-wise rank</h2> <form action=""> <label for="stinfo">Student:</label> <input type="text" id ="stinfo"><br> <label for="sub">Subject:</label> <input type="text"><br> <label for="rank">Rank:</label> <input type="number"><br> <label for="marks">Marks:</label> <input type="number"><br> <label for="remark">Remarks</label><br> <textarea rows="6" cols="70" required></textarea><br> <input type="submit"> </form> </body> </html></pre> <h2>ผลลัพธ์</h2> <p> <img loading='lazy' alt='HTML textarea แอตทริบิวต์ที่จำเป็น ' src="/article/uploadfiles/202203/2022033116101514.jpg" /></P> <p> ในตัวอย่างข้างต้น เรามีแบบฟอร์มที่มีฟิลด์และปุ่ม −</P> <pre><form action=""> <label for="stinfo">Student:</label> <input type="text" id ="stinfo"><br> <label for="sub">Subject:</label> <input type="text"><br> <label for="rank">Rank:</label> <input type="number"><br> <label for="marks">Marks:</label> <input type="number"><br> <label for="remark">Remarks</label><br> <textarea rows="6" cols="70" required></textarea><br> <input type="submit"> </form></pre> <p> เราได้ตั้งค่าพื้นที่ข้อความและตั้งค่าตามต้องการ ดังนั้นหากส่งแบบฟอร์มโดยไม่กรอกพื้นที่ข้อความ ข้อความเตือนจะปรากฏให้เห็น สิ่งนี้จะไม่ส่งแบบฟอร์มหากพื้นที่ข้อความว่างเปล่า -</P> <pre><textarea rows="6" cols="70" required></textarea></pre> <br> </article> <div class="ad ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <section id="turn-page" class="t-over"> <div class="f-start f-align"> <i><img loading='lazy' src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://th.wsxdn.com/db044w/zx451s/1004064415.html' >HTML <th> คุณสมบัติ colspan </a> </div> <div class="f-start f-align"> <i><img loading='lazy' src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://th.wsxdn.com/db044w/zx451s/1004064417.html' >ผ้าใบ HTML shadowBlur Property </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/1004065137.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/1004065138.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/1004065150.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/1004065158.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 loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004063875.html" title="จะใช้แอตทริบิวต์ที่จำเป็นใน HTML ได้อย่างไร? "> <p class="r-over r-over-2">จะใช้แอตทริบิวต์ที่จำเป็นใน HTML ได้อย่างไร? </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064301.html" title="HTML <input> แอตทริบิวต์ที่จำเป็น "> <p class="r-over r-over-2">HTML <input> แอตทริบิวต์ที่จำเป็น </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064314.html" title="HTML <q> อ้างอิงแอตทริบิวต์ "> <p class="r-over r-over-2">HTML <q> อ้างอิงแอตทริบิวต์ </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064326.html" title="HTML <select> แอตทริบิวต์ที่จำเป็น "> <p class="r-over r-over-2">HTML <select> แอตทริบิวต์ที่จำเป็น </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064338.html" title="HTML <textarea> cols แอตทริบิวต์ "> <p class="r-over r-over-2">HTML <textarea> cols แอตทริบิวต์ </p> </a> </li> </ol> </section> <ul> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004065120.html" class="i-text"><p class="r-over r-over-3">HTML DOM Textarea คุณสมบัติที่จำเป็น </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004065121.html" class="i-text"><p class="r-over r-over-3">HTML lang แอตทริบิวต์ </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004065131.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/1004065132.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/1004065135.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>