HTML5의 자동 초점 속성 소개

이 글은 주로 HTML5의 자동 초점 속성을 소개합니다. 이제 이를 여러분과 공유합니다. 도움이 필요한 친구들이 이를 참조할 수 있습니다.

HTML5는 우리에게 많은 마법을 가져왔습니다. 양식 유효성 검사, INPUT 자리 표시자, 다운로드한 파일 및 오디오/비디오의 클라이언트 측 이름 바꾸기와 같이 이전에 JavaScript 및 Flash로 완료해야 했던 작업은 모두 기본 HTML을 사용하여 완료할 수 있습니다

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

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

코드 복사

코드는 다음과 같습니다.

<!-- These all work! -->
<input autofocus="autofocus" />
<button autofocus="autofocus">Hi!</button>
<textarea autofocus="autofocus"></textarea>

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

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

위 내용은 HTML5의 자동 초점 속성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!