Computer >> 컴퓨터 > >> 프로그램 작성 >> HTML

HTML 자동 초점 속성</h1> <div class="ad4"> <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> <article class="article"> <hr/><p style=""><textarea> 요소의 autofocus 속성은 페이지가 로드될 때 자동 초점을 텍스트 영역 자체로 설정하는 데 사용됩니다. HTML5에 도입된 <textarea> 요소의 자동 초점 속성</P> <p> 다음은 구문입니다 -</P> <pre><textarea autofocus></pre> <p> 이제 <textarea> 요소 −</P>의 autofocus 속성을 구현하는 예를 살펴보겠습니다. <h2>예시</h2> <pre><!DOCTYPE html> <html> <body> <h2>Interview Questions</h2> <p>Why do you want go for the Technical Writer Job Profile? (100 words)</p> <textarea rows="6" cols="70" autofocus> Write the answer in 100 words only... </textarea> <p>What are your strengths? (50 words)</p> <textarea rows="4" cols="70" autofocus> Write the answer in 50 words only... </textarea> </body> </html></pre> <h2>출력</h2> <p> <img loading='lazy' alt='HTML textarea 자동 초점 속성 ' src="/article/uploadfiles/202203/2022033116082648.jpg" /></P> <p> 위의 예에서 두 개의 텍스트 영역을 설정했습니다.</P> <pre><textarea rows="6" cols="70" autofocus> Write the answer in 100 words only... </textarea> <p>What are your strengths? (50 words)</p> <textarea rows="4" cols="70" autofocus> Write the answer in 50 words only... </textarea></pre> <p> 자동 초점으로 설정한 텍스트 영역 중 하나입니다. 이제 페이지가 로드될 때마다 포커스와 커서가 첫 번째 텍스트 영역에 자동으로 표시됩니다 -</P> <pre><textarea rows="6" cols="70" autofocus></pre> <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/1002064341.html' >HTML <input> 자동 초점 속성 </a> <a class='LinkNextArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002064343.html' >HTML <bdo> 태그 </a> </div> </section> <aside class="box-r box4-r"> <h3>HTML</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064295.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML <select> 자동 초점 속성 ">HTML <select> 자동 초점 속성 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064314.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML <q> 인용 속성 ">HTML <q> 인용 속성 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064338.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML <textarea> 열 속성 ">HTML <textarea> 열 속성 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064341.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML <input> 자동 초점 속성 ">HTML <input> 자동 초점 속성 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064348.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/1002064356.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML <textarea> 자리 표시자 속성 ">HTML <textarea> 자리 표시자 속성 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064368.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/1002064380.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML <textarea> 읽기 전용 속성 ">HTML <textarea> 읽기 전용 속성 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064392.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/1002064416.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML <textarea> 필수 속성 ">HTML <textarea> 필수 속성 </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>