HTML DOM 입력 제출 자동 초점 속성은 HTML 요소의 자동 초점 속성과 연결됩니다. 이 속성은 페이지가 로드될 때 제출 버튼에 자동으로 포커스가 맞춰져야 하는지 여부를 설정하거나 반환하는 데 사용됩니다.
구문
다음은 −
의 구문입니다.자동 초점 속성 설정 -
submitObject.autofocus = true|false
여기에서 true는 제출 버튼이 포커스를 받아야 함을 나타내고 false는 그렇지 않은 경우를 나타냅니다. 기본적으로 false로 설정되어 있습니다.
예시
입력 제출 자동 초점 속성의 예를 살펴보겠습니다.
<!DOCTYPE html>
<html>
<body>
<h1> Submit Autofocus property</h1>
<form action=”/Sample_page.php” style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"><br>
Location: <input type="text" id=“Loc”><br><br>
<input type="submit" id="SUBMIT1" autofocus>
</form>
<p>Get the submit button autofocus property value by clicking the below button</p>
<button type="button()" onclick="FocusVal()">CHECK</button>
<p id="Sample"></p>
<script>
function FocusVal(){
var f = document.getElementById("SUBMIT1").autofocus;
document.getElementById("Sample").innerHTML = "The submit button autofocus property is set to: "+f;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHECK 버튼을 클릭하면 -
