HTML DOM 텍스트 영역 객체

<시간/>

HTML DOM Textarea 객체는 HTML 문서의 요소를 나타냅니다.</P> <p> Textarea 객체 생성</P> <h2>구문</h2> <p> 다음은 구문입니다 -</P> <pre>document.createElement(“TEXTAREA”);</pre> <h2>Textarea 개체의 속성</h2> <table><thead><tr><th>속성</th> <th style="text-align:center;">설명</th> </tr> </thead> <tbody><tr><td>자동 초점</td> <td>페이지가 로드될 때 텍스트 영역에 자동으로 포커스가 맞춰져야 하는지 여부를 반환하고 수정합니다.</td> </tr> <tr><td>기본값</td> <td>HTML 문서에서 텍스트 영역 요소의 기본값을 반환하고 수정합니다.</td> </tr> <tr><td>열</td> <td>HTML 문서에서 텍스트 영역 요소의 cols 속성 값을 반환하고 수정한다.</td> </tr> <tr><td>비활성화됨</td> <td>HTML 문서의 텍스트 영역 요소가 비활성화되었는지 여부를 반환하고 수정합니다.</td> </tr> <tr><td>양식</td> <td>텍스트 영역을 둘러싸는 형식의 인용문을 반환합니다.</td> </tr> <tr><td>최대길이</td> <td>HTML 문서에서 텍스트 영역 요소의 maxLength 속성 값을 반환하고 수정합니다.</td> </tr> <tr><td>이름</td> <td>HTML 문서에서 텍스트 영역 요소의 name 속성 값을 반환하고 수정합니다.</td> </tr> <tr><td>자리 표시자</td> <td>HTML 문서에서 텍스트 영역 요소의 placeholder 속성 값을 반환하고 수정합니다.</td> </tr> <tr><td>읽기 전용</td> <td>HTML 문서의 텍스트 영역 요소의 내용을 읽기 전용으로 할지 여부를 반환하고 수정합니다.</td> </tr> <tr><td>필수</td> <td>HTML 문서에서 텍스트 영역의 필수 속성 값을 반환하고 수정합니다.</td> </tr> <tr><td>행</td> <td>HTML 문서에서 텍스트 영역 요소의 rows 속성 값을 반환하고 수정합니다.</td> </tr> <tr><td>유형</td> <td>텍스트 영역이 HTML 문서에 있는 양식 요소의 유형을 반환합니다.</td> </tr> <tr><td>값</td> <td>HTML 문서에서 텍스트 영역 요소의 내용을 반환하고 수정합니다.</td> </tr> <tr><td>랩</td> <td>HTML 문서에서 텍스트 영역 요소의 wrap 속성 값을 반환하고 수정합니다.</td> </tr> </tbody> </table> <h2>Textarea 객체의 메소드</h2> <table><thead><tr><th>메소드</th> <th style="text-align:center;">설명</th> </tr> </thead> <tbody><tr><td>선택()</td> <td>HTML 문서에서 텍스트 영역의 내용을 선택합니다.</td> </tr> </tbody> </table> <p> Textarea 개체의 예를 살펴보겠습니다.</P> <h2>예시</h2> <pre><!DOCTYPE html> <html> <style> body { color: #000; background: lightseagreen; height: 100vh; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; } </style> <body> <h1>DOM Textarea Object Demo</h1> <button onclick="create()" class="btn">Create Textarea</button> <script> function create() { var ta = document.createElement("TEXTAREA"); ta.innerHTML = "Hi! I'm a textarea element in an HTML document with some dummy text."; ta.setAttribute('rows', '8'); document.body.appendChild(ta); } </script> </body> </html></pre> <h2>출력</h2> <p> <img loading='lazy' alt='HTML DOM 텍스트 영역 객체 ' src="/article/uploadfiles/202203/2022033116403305.jpg" /></P> <p> "<strong>텍스트 영역 만들기</strong>를 클릭합니다. " 버튼을 눌러 텍스트 영역 요소를 만듭니다.</P> <p> <img loading='lazy' alt='HTML DOM 텍스트 영역 객체 ' src="/article/uploadfiles/202203/2022033116403455.jpg" /></P> <br> </article> <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="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div id="turn-page" class="text-over"> <a class='LinkPrevArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002065090.html' >HTML DOM 테이블 createCaption() 메서드 </a> <a class='LinkNextArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002065092.html' >HTML DOM TableHeader abbr 속성 </a> </div> </section> <aside class="box-r box4-r"> <h3>HTML</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064435.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM HTML 개체 ">HTML DOM HTML 개체 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064541.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 매개변수 객체 ">HTML DOM 매개변수 객체 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064542.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 스크립트 객체 ">HTML DOM 스크립트 객체 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064643.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM S 객체 ">HTML DOM S 객체 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064661.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 요약 개체 ">HTML DOM 요약 개체 </p> </a> </li> </ul> <h3 class="h3-2">컴퓨터</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064733.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM li 개체 ">HTML DOM li 개체 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064748.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 링크 객체 ">HTML DOM 링크 객체 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064773.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 기사 객체 ">HTML DOM 기사 객체 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064801.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 본문 객체 ">HTML DOM 본문 객체 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064813.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 코드 객체 ">HTML DOM 코드 객체 </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>