다음은 구문입니다 -
<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>
이제 페이지가 로드되면 포커스가 버튼 자체에 있게 되고 웹 페이지의 방문자에게도 동일하게 나타납니다.