HTMLでテキスト領域を表示するにはどうすればよいですか？

タグを使用して、テキスト領域を表示します。 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;">列 <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;">無効 <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;">フォーム <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％;">1つ以上のフォームを指定します。 <br> </td> </tr> <tr> <td style ="width：20.8609％; text-align：center;"> maxlength <img loading='lazy' alt='HTMLでテキスト領域を表示するにはどうすればよいですか？ ' src="/article/uploadfiles/202203/2022033116013634.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;">テキスト <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;">テキスト <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;">読み取り専用 <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/2022033116013650.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;">行 <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;">ラップ <img loading='lazy' alt='HTMLでテキスト領域を表示するにはどうすればよいですか？ ' src="/article/uploadfiles/202203/2022033116013675.png" /> <br> </td> <td style ="width：21.1921％; text-align：center;">ハード <br> 柔らかい <br> </td> <td style ="width：57.7814％;">textareaで折り返すテキストを指定します。 <br> </td> </tr> </tbody> </table> <h2style="">例</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> </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/1001063959.html' >HTMLでテーブルフッターを作成するにはどうすればよいですか？ </a> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001063961.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/1001063765.html" class="t-over" title="HTMLを使用してテキストを右から左に表示する方法は？ "> <span>HTMLを使用してテキストを右から左に表示する方法は？ </span> </a> <p class="r-over r-over-3"> HTMLでテキストRight-to-Light（rtl）を表示するには、CSSプロパティの方向を使用します。 style属性とともに使用します。 style属性は、要素のインラインスタイルを指定します。次のプロパティ値を使用して、CSSプロパティの方向で方向を設定できます- Sr.No。値と説明 1 ltr 左から右への書き込み方向 2 rtl 右から左への書き込み方向 3 初期イニシャルテキストを右から左に表示するには、CSSプロパティの方向とともにstyle属性を使用します。 style属性の使用は、グローバ </p> </div> </li> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063839.html" class="t-over" title="HTMLで複数行のテキスト入力（テキスト領域）を作成するにはどうすればよいですか？ "> <span>HTMLで複数行のテキスト入力（テキスト領域）を作成するにはどうすればよいですか？ </span> </a> <p class="r-over r-over-3"> 複数行のテキスト入力を作成するには、HTMLのタグを使用します。 cols属性とrows属性を使用して、テキスト領域のサイズを設定できます。フォーム内で使用され、ユーザーが複数の行にテキストを入力できるようにします。タグの属性は次のとおりです- 属性値説明オートフォーカスオートフォーカスページの読み込み時にテキスト領域が自動的にフォーカスを取得するように指定します。列数値表示される文字幅の数に基づいて、テキストエリアの幅を指定します。無効無効表示される文字幅の数に基づいて、テキストエリアの幅を指定します。 </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/1001038892.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/pn152h/1001056140.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/pn152h/1001056155.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/1001063925.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/1001063936.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/1001063949.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/1001063953.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/1001063963.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> </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>