요소의 autofocus 속성은 페이지가 로드될 때마다 버튼에 포커스를 설정하는 데 사용됩니다. 다음은 구문입니다 - <button type="button" autofocus> 위에서 자동 초점을 버튼으로 설정했습니다. 이제 요소 −의 autofocus 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>This is a demo line.</p> <button type="button" autofocus >Demo</button> </body> </html> 출력 그러면 초점이 버튼 1 −에 있음을 표시하는 다음 출력이 생성됩니다. 위의 예에서 우리는 버튼 요소에 대한 자동 초점 속성을 설정했습니다 - <button type="button" autofocus > Demo </button> 이제 페이지가 로드되면 포커스가 버튼 자체에 있게 되고 웹 페이지의 방문자에게도 동일하게 나타납니다.
