HTMLで複数行のテキスト入力（テキスト領域）を作成するにはどうすればよいですか？

複数行のテキスト入力を作成するには、HTMLのタグを使用します。 cols属性とrows属性を使用して、テキスト領域のサイズを設定できます。フォーム内で使用され、ユーザーが複数の行にテキストを入力できるようにします。</P> <pstyle =""><textarea>タグの属性は次のとおりです-</P> <table> <thead> <tr> <th style ="width：20.354％; text-align：center;">属性 <br> </th> <th style ="width：16.4602％; text-align：center;">値 <br> </th> <th style ="width：62.97％; text-align：center;">説明 <br> </th> </tr> </thead> <tbody> <tr> <td style ="width：20.354％; text-align：center;">オートフォーカス <br> </td> <td style ="width：16.4602％; text-align：center;">オートフォーカス <br> </td> <td style ="width：62.97％;">ページの読み込み時にテキスト領域が自動的にフォーカスを取得するように指定します。 <br> </td> </tr> <tr> <td style ="width：20.354％; text-align：center;">列 <br> </td> <td style ="width：16.4602％; text-align：center;">数値 <br> </td> <td style ="width：62.97％;">表示される文字幅の数に基づいて、テキストエリアの幅を指定します。 <br> </td> </tr> <tr> <td style ="width：20.354％; text-align：center;">無効 <br> </td> <td style ="width：16.4602％; text-align：center;">無効 <br> </td> <td style ="width：62.97％;">表示される文字幅の数に基づいて、テキストエリアの幅を指定します。 <br> </td> </tr> <tr> <td style ="width：20.354％; text-align：center;">フォーム <br> </td> <td style ="width：16.4602％; text-align：center;"> form_id <br> </td> <td style ="width：62.97％;">1つ以上のフォームを指定します。 <br> </td> </tr> <tr> <td style ="width：20.354％; text-align：center;"> maxlength <br> </td> <td style ="width：16.4602％; text-align：center;">数値 <br> </td> <td style ="width：62.97％;">textareaの最大文字数を指定します。 <br> </td> </tr> <tr> <td style ="width：20.354％; text-align：center;">名前 <br> </td> <td style ="width：16.4602％; text-align：center;"> text <br> </td> <td style ="width：62.97％;">入力コントロールに名前を割り当てます。 <br> </td> </tr> <tr> <td style ="width：20.354％; text-align：center;">プレースホルダー <br> </td> <td style ="width：16.4602％; text-align：center;"> text <br> </td> <td style ="width：62.97％;">textareaの値の短いヒントを指定します。 <br> </td> </tr> <tr> <td style ="width：20.354％; text-align：center;">読み取り専用 <br> </td> <td style ="width：16.4602％; text-align：center;">読み取り専用 <br> </td> <td style ="width：62.97％;">入力コントロールを読み取り専用に設定します。ユーザーが値を変更することはできません。ただし、コントロールはフォーカスを受け取ることができ、フォームコントロールをタブで移動するときに含まれます。 <br> </td> </tr> <tr> <td style ="width：20.354％; text-align：center;">必須 <br> </td> <td style ="width：16.4602％; text-align：center;">必須 <br> </td> <td style ="width：62.97％;">テキストエリアが必要であることを指定します。 <br> </td> </tr> <tr> <td style ="width：20.354％; text-align：center;">行 <br> </td> <td style ="width：16.4602％; text-align：center;">数値 <br> </td> <td style ="width：62.97％;">表示されるテキスト行の数に基づいて、テキスト領域の高さを指定します。これが許可するよりも多くのテキストがある場合、ユーザーはテキストエリアのスクロールバーを使用してスクロールできます。 <br> </td> </tr> <tr> <td style ="width：20.354％; text-align：center;">ラップ <br> </td> <td style ="width：16.4602％; text-align：center;">ハード <br> 柔らかい <br> </td> <td style ="width：62.97％;">textareaで折り返すテキストを指定します。 <br> </td> </tr> </tbody> </table> <p> <br> </P> <p> <img loading='lazy' alt='HTMLで複数行のテキスト入力（テキスト領域）を作成するにはどうすればよいですか？ ' src="/article/uploadfiles/202203/2022033115575381.jpg" /> </P> <h2>例</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"> What improvements you want in College? <br> <textarea rows = "5" cols = "60" name = "description"> Enter details here... </textarea><br> <input type = "submit" value = "submit" /> </form> </body> </html></pre> <br> </div> <div class="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="2397329591" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> adsbygoogle = window.adsbygoogle || [].push{}; </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/1001063838.html' ><button>と<inputtype=button />の違いは何ですか？ </a> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001063840.html' >HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？ </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/1001063762.html" class="t-over" title="HTMLで順序付きリストを作成するにはどうすればよいですか？ "> <span>HTMLで順序付きリストを作成するにはどうすればよいですか？ </span> </a> <p class="r-over r-over-3"> HTMLで順序付きリストを作成するには、タグを使用します。順序付きリストはタグで始まります。リストアイテムはタグで始まり、数字、文字、ローマ数字でマークされます。デフォルトは数字です。例次のコードを実行して、HTMLで順序付きリストを使用することができます- <!DOCTYPE html> <html> <body> <h1>Developed Countries</h1> <p>The list </p> </div> </li> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063763.html" class="t-over" title="HTMLで条件付きコメントを作成するにはどうすればよいですか？ "> <span>HTMLで条件付きコメントを作成するにはどうすればよいですか？ </span> </a> <p class="r-over r-over-3"> HTMLターゲットのInternetExplorerの条件付きコメント。これらは、MicrosoftInternetExplorerによって実行されるいくつかのタグを定義します。コメントに構文を追加し、Explorer5以降でサポートされます。ブラウザは条件付きコメントを認識せず、これを他のコメントと見なします。例次のコードを実行して、HTMLに条件付きコメントを追加する方法を学ぶことができます <!DOCTYPE html> <html> <head> <title& </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/1001038926.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/1001063732.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/1001063840.html" class="r-over r-over-2" title="HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？ ">HTMLでtextarea（複数行のテキスト入力フィールド）を使用するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063950.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/1001063952.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/1001063970.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/1001063971.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/1001063984.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/1001064125.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>