댓글 : HTML5는 우리에게 많은 마법의 것들을 가져옵니다. 양식 검증, 입력 자리 표시 자, 클라이언트 이름 바꾸기 파일 및 오디오/비디오와 같은 JavaScript 및 Flash를 사용하여 이전에 완료해야했던 작업, 기본 HTML을 사용하여 수행 할 수 있습니다.
여기에서 논의 할 간단한 HTML5 함수는 페이지가로드 될 때 특정 요소에 입력 초점을 자동으로 삭제하는 것입니다. 이 조치는 자동 초점 속성에 의해 완료됩니다.
HTML 코드는 매우 간단합니다.
<!-이 모든 것이 작동합니다! ->
<input autofocus = "autofocus" />
<버튼 AUTOFOCUS = "AUTOFOCUS"> HI! </button>
<TextArea autofocus = "autofocus"> </textArea>
자동 초점 속성을 사용할 수 있으면 이러한 입력, TextArea 또는 버튼 요소를 페이지에로드하여 선택할 수 있습니다. 그러나 H1 태그와 같은 순수한 디스플레이 요소를 사용하는 경우 자동 초점 속성을 사용하기 쉽지 않습니다.
이 속성은 경우에 따라 매우 유용합니다. 예를 들어 Google의 홈페이지는이를 사용하여 시간의 99%를 검색하므로 페이지가로드되면 커서를 입력 상자에 배치해야합니다. 과거에는 JavaScript를 사용하여 완료해야했지만 이제는 전혀 필요하지 않으며 HTML을 혼자서 완료 할 수 있습니다.