HTML의 autofocus 속성은 여러 요소에 사용되며 페이지가 로드될 때 특정 요소에 포커스를 설정합니다. 자동 초점 속성을 구성하는 요소는 다음과 같습니다.
<button>, <input>, <select> and <textarea>.
이제 HTML에서 autofocus 속성을 구현하는 예를 살펴보겠습니다-
예시
<!DOCTYPE html> <html> <body> <h2>Result</h2> <form action="" accept-charset="ISO-8859-1"> <label for="stinfo">Student:</label> <input type="text" name ="stinfo"><br> <label for="sub">Subject:</label> <input type="text" name ="sub" autofocus><br> <label for="rank">Rank:</label> <input type="number" name ="rank"><br> <label for="marks">Marks:</label> <input type="number" name ="marks"><br><br> <input type="submit"> </form> </body> </html>
출력
그러면 2 nd 에 초점을 표시하는 다음과 같은 출력이 생성됩니다. 동일한 입력 텍스트에 자동 초점을 설정했기 때문에 텍스트 상자 -