HTML DOM 입력 라디오 자동 초점 속성은 HTML 요소의 자동 초점 속성과 연결됩니다. 이 속성은 페이지가 로드될 때 입력 라디오 버튼이 자동으로 포커스되는지 여부를 설정하거나 반환하는 데 사용됩니다.
구문
다음은 −
의 구문입니다.자동 초점 속성을 설정합니다.
radioObject.autofocus = true|false
여기서 true는 라디오 버튼이 포커스를 받아야 함을 나타내고 false는 그렇지 않은 경우를 나타냅니다. 기본적으로 false로 설정되어 있습니다.
예시
입력 라디오 자동 초점 속성의 예를 살펴보겠습니다.
<!DOCTYPE html>
<html>
<body>
<h1>Input password autofocus property</h1>
<form>
RADIO: <input type="radio" id="rad1" name=”BTN” autofocus>
</form>
<br><br>
<button type=”button” onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
function FocusVal() {
var R = document.getElementById("rad1").autofocus;
document.getElementById("Sample").innerHTML = "The radio button has autofocus property
set to "+R;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHECK FOCUS 버튼 클릭 시 -
위의 예에서 -
type="radio", id="rad1", name="BTN"인 입력 필드를 만들었으며 autofocus 속성이 활성화되어 있습니다. 즉, true −
로 설정됩니다.Password: <input type="password" id="rad1" name=”BTN”autofocus>
그런 다음 사용자가 클릭할 때 FocusVal() 메서드를 실행하는 CHECK FOCUS 버튼을 만들었습니다.
<button type=”button” onclick="FocusVal()">CHECK FOCUS</button>
FocusVal() 메서드는 getElementById() 메서드를 사용하여 라디오 유형의 입력 요소를 가져오고 자동 초점 속성을 가져옵니다. autofocus 속성은 라디오 버튼 autofocus 속성 값에 따라 true와 false를 반환합니다. 이 값은 변수 R에 할당되고 innerHTML 속성을 사용하여 id가 "Sample"인 단락에 표시됩니다.
function FocusVal() {
var R = document.getElementById("rad1").autofocus;
document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R;
}