71 of 133 menu

autofocus 속성

autofocus 속성은 페이지가 로드될 때 HTML 폼 필드에 기본적으로 자동으로 입력 포커스를 설정합니다.

autofocus 속성이 설정된 요소는 페이지 로드 시 포커스를 갖게 됩니다 (키보드로 텍스트 입력을 시작하면 커서가 깜빡일 것이며, 입력 내용은 포커스된 필드로 들어갑니다).

이 속성은 값 없는 속성입니다. 이는 input 또는 textarea 태그에 적용해야 하며, 페이지당 오직 하나의 요소에만 적용해야 합니다. 그렇지 않으면 충돌이 발생합니다.

예제

페이지에 접속했을 때, 첫 번째 input 태그에 autofocus 속성을 설정했기 때문에 입력 포커스가 있는 것을 확인해 봅시다 (마우스로 아무 곳도 클릭하지 마세요, 그렇지 않으면 입력란에서 포커스가 사라집니다):

<input type="text" autofocus> <input type="text"> <input type="text">

:

참고 항목

  • 포커스된 요소에 스타일을 지정하는 의사 클래스 focus
  • Tab 키를 눌러 포커스를 변경할 수 있게 하는 속성 tabindex
한국어
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақКыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
우리는 웹사이트 운영, 분석 및 개인화를 위해 쿠키를 사용합니다. 데이터 처리는 개인정보 처리방침에 따라 이루어집니다.
모두 수락 설정 거부