HTML5_html5 튜토리얼 기술의 자동 초점 속성 소개

여기서 논의할 간단한 HTML5 기능은 페이지가 로드될 때 입력 포커스가 자동으로 요소에 떨어지도록 하는 것입니다. 이 작업은 autofocus 속성을 사용하여 완료됩니다.

HTML 코드는 매우 간단합니다.

코드 복사

코드는 다음과 같습니다.

< ;!-- 모두 작동합니다! -->

안녕하세요!< ;textarea autofocus="autofocus">

autofocus 속성을 사용하면 페이지가 로드될 때 이러한 INPUT, TEXTAREA 또는 BUTTON 요소를 선택할 수 있습니다. 그러나 H1 태그와 같은 순수 표시 요소를 사용하는 경우 자동 초점 속성을 사용하기가 쉽지 않습니다.

이 속성은 특정 상황에서 매우 유용할 수 있습니다. 예를 들어 Google의 홈페이지는 사람들이 99%의 시간을 검색하는 데 사용하는 곳이므로 페이지가 로드되면 커서가 입력 상자에 위치해야 합니다. 과거에는 이를 완성하기 위해 JavaScript가 필요했지만 이제는 더 이상 필요하지 않으며 HTML이 스스로 완성할 수 있습니다.