HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？

複数行のテキスト入力を追加するには、HTMLのタグを使用します。 cols属性とrows属性を使用して、テキスト領域のサイズを設定できます。フォーム内で使用され、ユーザーが複数の行にテキストを入力できるようにします。</P> <p> <textarea>タグ-</P>の属性は次のとおりです <table> <thead> <tr> <thstyle ="text-align：center;">属性</th> <thstyle ="text-align：center;">値</th> <thstyle ="text-align：center;">説明</th> </tr> </thead> <tbody><tr><td>オートフォーカス <img loading='lazy' alt='HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？ ' src="/article/uploadfiles/202203/2022033115575330.jpg" /> </td> <td>オートフォーカス</td> <td>ページの読み込み時にテキスト領域が自動的にフォーカスを取得するように指定します。</td> </tr> <tr> <td> Cols </td> <td>番号</td> <td>表示される文字幅の数に基づいてテキストエリアの幅を指定します</td> </tr> <tr><td>無効</td> <td>無効</td> <td>表示される文字幅の数に基づいてテキストエリアの幅を指定します。</td> </tr> <tr><td>フォーム <img loading='lazy' alt='HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？ ' src="/article/uploadfiles/202203/2022033115575330.jpg" /> </td> <td> form_id </td> <td>1つ以上のフォームを指定します。</td> </tr> <tr> <td> maxlength <img loading='lazy' alt='HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？ ' src="/article/uploadfiles/202203/2022033115575330.jpg" /> </td> <td>番号</td> <td>textareaの最大文字数を指定します。</td> </tr> <tr><td>名前</td> <td>テキスト</td> <td>入力コントロールに名前を割り当てます。</td> </tr> <tr><td>プレースホルダー <img loading='lazy' alt='HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？ ' src="/article/uploadfiles/202203/2022033115575330.jpg" /> </td> <td>テキスト</td> <td>textareaの値の短いヒントを指定します。</td> </tr> <tr><td>読み取り専用</td> <td>読み取り専用</td> <td>入力コントロールを読み取り専用に設定します。ユーザーが値を変更することはできません。ただし、コントロールはフォーカスを受け取ることができ、フォームコントロールをタブで移動するときに含まれます。</td> </tr> <tr><td>必須 <img loading='lazy' alt='HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？ ' src="/article/uploadfiles/202203/2022033115575330.jpg" /> </td> <td>必須</td> <td>テキストエリアが必要であることを指定します。</td> </tr> <tr><td>行</td> <td>番号</td> <td>表示されるテキスト行の数に基づいて、テキスト領域の高さを指定します。これが許可するよりも多くのテキストがある場合、ユーザーはテキストエリアのスクロールバーを使用してスクロールできます。</td> </tr> <tr><td>ラップ <img loading='lazy' alt='HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？ ' src="/article/uploadfiles/202203/2022033115575330.jpg" /> </td> <td>ハードソフト</td> <td>textareaでラップするテキストを指定します。</td> </tr> </tbody> </table> <p> </P> <p> <img loading='lazy' alt='HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？ ' src="/article/uploadfiles/202203/2022033115575344.jpg" /> </P> <h2>例</h2> <p> 次のコードを実行して、HTMLのテキストエリアを使用することができます-</P> <pre><!DOCTYPE html> <html> <head> <title>HTML textarea Tag</title> </head> <body> <form action = "/cgi-bin/hello_get.cgi" method = "get"> What improvements you want in college? <br> <textarea rows = "4" cols = "40" name = "description"> Enter details here... </textarea> <br> <input type = "submit" value = "submit" /> </form> </body> </html></pre> <br> </div> <div class="ad5"> <script language='javascript' src='https://jp.wsxdn.com/css/ad/jp2.js'></script> </div> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <a class='LinkPrevArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001063839.html' >HTMLで複数行のテキスト入力（テキスト領域）を作成するにはどうすればよいですか？ </a> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001063841.html' >HTMLページにビデオを追加する方法は？ </a> <i class="next"></i> </div> </div> <section class="bottom-list"> <ol> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064949.html" class="t-over" title="HTMLDOM入力テキストオブジェクト "> <span>HTMLDOM入力テキストオブジェクト </span> </a> <p class="r-over r-over-3"> HTML DOM入力テキストオブジェクトは、タイプ「text」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、テキスト型の入力要素を作成してアクセスできます。プロパティ以下は、テキストオブジェクトのプロパティです- プロパティ説明オートコンプリートテキストフィールドのオートコンプリート属性値を設定または返すにはオートフォーカスページの読み込み時にテキストフィールドが自動的にフォーカスを取得するかどうかを設定または返す。 defaultValue テキストフィールドの </p> </div> </li> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001065440.html" class="t-over" title="HTML入力フィールドのオートコンプリートを無効にする方法は？ "> <span>HTML入力フィールドのオートコンプリートを無効にする方法は？ </span> </a> <p class="r-over r-over-3"> 入力フィールドのオートコンプリートを無効にするには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style> input{ font-size: 18px; padding: 10px; margin: 10px; border:1px solid grey; } </styl </p> </div> </li> </ol> </section> </article> <aside class="box1-r box4-r"> <section class="small-nav"> <ul class="f-between"> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd144y/' target="_self">Cプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/qo145i/' target="_self">C ++</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh146b/' target="_self">Redis</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/hf147z/' target="_self">BASHプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/mk148e/' target="_self">Python</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/lj149d/' target="_self">Java</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay150s/' target="_self">データベース</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay151t/' target="_self">HTML</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/pn152h/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh153b/' target="_self">プログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/if154a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig155a/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jg156b/' target="_self">SQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig157b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/wu158p/' target="_self">Android</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ge159z/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh160b/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ec161w/' target="_self">C＃</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd165y/' target="_self">PHP</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig171a/' target="_self">SQL Server</a></li> </ul> </section> <div class="box1-r-list"> <div> <i></i> <span>HTML</span> </div> <ol> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063795.html" class="r-over r-over-2" title="HTMLフォームでチェックボックスボタンを使用するにはどうすればよいですか？ ">HTMLフォームでチェックボックスボタンを使用するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063796.html" class="r-over r-over-2" title="HTMLフォームでラジオボタンを使用するにはどうすればよいですか？ ">HTMLフォームでラジオボタンを使用するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063839.html" class="r-over r-over-2" title="HTMLで複数行のテキスト入力（テキスト領域）を作成するにはどうすればよいですか？ ">HTMLで複数行のテキスト入力（テキスト領域）を作成するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063842.html" class="r-over r-over-2" title="HTMLで時間入力タイプを使用するにはどうすればよいですか？ ">HTMLで時間入力タイプを使用するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063843.html" class="r-over r-over-2" title="HTMLで月の入力タイプを使用するにはどうすればよいですか？ ">HTMLで月の入力タイプを使用するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063844.html" class="r-over r-over-2" title="HTMLで範囲入力タイプを使用するにはどうすればよいですか？ ">HTMLで範囲入力タイプを使用するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063845.html" class="r-over r-over-2" title="HTMLのカラーピッカーで入力タイプフィールドを使用するにはどうすればよいですか？ ">HTMLのカラーピッカーで入力タイプフィールドを使用するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063846.html" class="r-over r-over-2" title="HTMLの日付フィールドで入力タイプフィールドを使用するにはどうすればよいですか？ ">HTMLの日付フィールドで入力タイプフィールドを使用するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063960.html" class="r-over r-over-2" title="HTMLでテキスト領域を表示するにはどうすればよいですか？ ">HTMLでテキスト領域を表示するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064071.html" class="r-over r-over-2" title="HTMLに入力フィールドを含める方法は？ ">HTMLに入力フィールドを含める方法は？ </a> </li> </ol> </div> </aside> </section> <footer> <section> <span class="container f-center"> 著作権 © <a href="https://jp.wsxdn.com">https://jp.wsxdn.com</a> 全著作権所有 </span> </section> </footer> </body> </html>