HTML DOM 입력 제출 개체는 "제출" 유형의 요소와 연결됩니다. createElement() 메서드와 getElementById() 메서드를 각각 사용하여 submit 유형의 입력 요소를 만들고 액세스할 수 있습니다.
속성
다음은 입력 제출 개체의 속성입니다. -
| 속성 | 설명 |
|---|---|
| 자동 초점 | 페이지가 로드될 때 제출 버튼이 자동으로 포커스를 받아야 하는지 여부를 설정하거나 반환합니다. |
| 기본값 | 제출 버튼 기본값을 설정하거나 반환합니다. |
| 비활성화됨 | 제출 버튼이 비활성화되었는지 여부를 설정하거나 반환합니다. |
| 양식 | 제출 버튼이 포함된 양식의 참조를 반환합니다. |
| formAction | 제출 버튼의 formaction 속성 값을 반환하도록 설정합니다. |
| formEnctype | 제출 버튼의 formenctype 속성 값을 설정하거나 반환하려면 |
| formMethod | 제출 버튼의 formmethod 속성 값을 설정하거나 반환하려면 |
| formNoValidate | 양식 데이터를 제출할 때 유효성을 검사해야 하는지 여부를 설정하거나 반환합니다. |
| formTarget | 제출 버튼의 formtarget 속성 값을 설정하거나 반환합니다. |
| 이름 | 제출 버튼의 이름 속성 값을 설정하거나 반환합니다. |
| 유형 | 제출 버튼에 대한 양식 요소 유형을 반환합니다. |
| 값 | 제출 버튼의 값 속성 값을 설정하거나 반환합니다. |
구문
다음은 −
의 구문입니다.입력 제출 개체 만들기 -
var P = document.createElement("INPUT");
P.setAttribute("type", "submit"); 예시
입력 제출 개체 속성에 대한 예를 살펴보겠습니다. -
<!DOCTYPE html>
<html>
<head>
<script>
function rangeCreate() {
var S = document.createElement("INPUT");
S.setAttribute("type", "submit");
document.body.appendChild(S);
}
</script>
</head>
<body>
<h1>Input submit object</h1>
<p>Create an input submit button by clicking the below button</p>
<button onclick="rangeCreate()">CREATE</button>
<br><br>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CREATE 버튼 클릭 시 -
