태그를 사용하여 텍스트 영역을 표시합니다. 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%;">하나 이상의 양식을 지정합니다. <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;">숫자 <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/2022033116013617.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/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%;">텍스트 영역에 줄 바꿈할 텍스트를 지정합니다. <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="ad5"> <script language='javascript' src='https://kr.wsxdn.com/css/ad/kr2.js'></script> </div> <div id="turn-page" class="text-over"> <a class='LinkPrevArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002063959.html' >HTML에서 표 바닥글을 만드는 방법은 무엇입니까? </a> <a class='LinkNextArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002063961.html' >HTML에서 테이블 셀을 표시하는 방법 </a> </div> </section> <aside class="box-r box4-r"> <h3>HTML</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002038892.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="굵은 텍스트를 HTML로 만드는 방법 ">굵은 텍스트를 HTML로 만드는 방법 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002056140.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 텍스트 표시 방향을 어떻게 포함합니까? ">HTML에 텍스트 표시 방향을 어떻게 포함합니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002056155.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에서 텍스트를 가운데에 맞추는 방법은 무엇입니까? ">HTML에서 텍스트를 가운데에 맞추는 방법은 무엇입니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063840.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에서 텍스트 영역(여러 줄 텍스트 입력 필드)을 사용하는 방법은 무엇입니까? ">HTML에서 텍스트 영역(여러 줄 텍스트 입력 필드)을 사용하는 방법은 무엇입니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063925.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML로 필드세트를 표시하는 방법은 무엇입니까? ">HTML로 필드세트를 표시하는 방법은 무엇입니까? </p> </a> </li> </ul> <h3 class="h3-2">컴퓨터</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063936.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 짧은 인용문을 표시하는 방법은 무엇입니까? ">HTML에 짧은 인용문을 표시하는 방법은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063949.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 취소선 텍스트 표시 ">HTML에 취소선 텍스트 표시 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063953.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에서 스크립트를 어떻게 표시합니까? ">HTML에서 스크립트를 어떻게 표시합니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063963.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 첨자 텍스트 표시 ">HTML에 첨자 텍스트 표시 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063970.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에서 텔레타이프 텍스트를 만드는 방법은 무엇입니까? ">HTML에서 텔레타이프 텍스트를 만드는 방법은 무엇입니까? </p> </a> </li> </ul> </aside> </section> </div> <ul class="types box4-1 container f-center"> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ol244g/' target="_self">C 프로그래밍</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/fd245y/' target="_self">C++</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/xv246p/' target="_self">Redis</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ig247a/' target="_self">BASH 프로그래밍</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ge248y/' target="_self">Python</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/jh249b/' target="_self">Java</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/yw250q/' target="_self">데이터 베이스</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/hf251z/' target="_self">HTML</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ig252a/' target="_self">JavaScript</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/qo253i/' target="_self">프로그램 작성</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/vs254n/' target="_self">CSS</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/fd255x/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ay256s/' target="_self">SQL</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/yw257q/' target="_self">IOS</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/wu258o/' target="_self">Android</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/nl259f/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/mk260e/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ax261s/' target="_self">C＃</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/bz265t/' target="_self">PHP</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/zx271r/' target="_self">SQL Server</a></li> </ul> <footer> <section class="container"> <div class="footer-msg"> <span class="container f-center"> <p class=krf>저작권 © <a href="https://kr.wsxdn.com">https://kr.wsxdn.com</a> 모든 권리 보유</p> </span> </div> </section> </footer> </body> </html>
