HTML DOM 입력 재설정 객체

<시간/>

HTML DOM 입력 재설정 개체는 "재설정" 유형의 요소와 연결됩니다. createElement() 및 getElementById() 메서드를 각각 사용하여 유형이 재설정된 입력 요소를 만들고 액세스할 수 있습니다.

속성

다음은 입력 재설정 개체의 속성입니다 -

속성	설명
자동 초점	페이지가 로드될 때 재설정 버튼이 자동으로 포커스를 받아야 하는지 여부를 설정하거나 반환합니다.
기본값	재설정 버튼 기본값을 설정하거나 반환합니다.
비활성화됨	재설정 버튼이 비활성화되었는지 여부를 설정하거나 반환합니다.
양식	재설정 버튼이 포함된 양식의 참조를 반환합니다.
이름	리셋 버튼의 이름 속성 값을 설정하거나 반환합니다.
유형	재설정 버튼에 대한 양식 요소 유형을 반환합니다.
값	슬라이더 컨트롤의 값 속성 값을 설정하거나 반환합니다.

예시

Input Reset 개체에 대한 예를 살펴보겠습니다. -

<!DOCTYPE html>
<html>
<head>
<script>
   function resetCreate() {
      var Res = document.createElement("INPUT");
      Res.setAttribute("type", "reset");
      document.body.appendChild(Res);
   }
</script>
</head>
<body>
<h1>Input Reset object</h1>
<p>Create an input field with type reset by clicking the below button</p>
<button onclick="resetCreate()">CREATE</button>
<br><br>
</body>
</html>

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM 입력 재설정 객체

CREATE 버튼 클릭 시 -

HTML DOM 입력 재설정 객체

위의 예에서 -

사용자가 클릭할 때 resetCreate() 메서드를 실행하는 CREATE 버튼을 만들었습니다. −

<button onclick="resetCreate()">CREATE</button>

resetCreate() 메서드는 문서 객체의 createElement() 메서드를 사용하여 "INPUT"을 매개변수로 전달하여 요소를 생성합니다. 새로 생성된 입력 요소는 변수 Res에 할당되고 setAttribute() 메서드를 사용하여 값이 재설정된 유형 속성을 생성합니다.

setAttribute()는 속성을 생성한 다음 속성이 이전에 존재하지 않는 경우 값을 할당한다는 것을 기억하십시오. 마지막으로 문서 본문에서 appendChild() 메서드를 사용하여 형식이 재설정된 입력 요소를 본문의 자식으로 추가합니다. -

function resetCreate() {
   var Res = document.createElement("INPUT");
   Res.setAttribute("type", "reset");
   document.body.appendChild(Res);
}