[js] JS - form 속성 - INPUT 텍스트 필드 포함하는 FORM 객체 반환 (= form속성 = 폼속성) ※ 인풋 폼 속성

목차

1. form 예제 - INPUT 텍스트 필드 포함하는 FORM 객체 반환
2. form 정의
3. form 구문

form 예제 - INPUT 텍스트 필드 포함하는 FORM 객체 반환

 

<form id="hzForm">

  사이트: <input type="text" id="hz" value="Homzzang.com">

</form>

<button onclick="homzzang()">클릭</button>

<p id="demo1"></p>

<p id="demo2"></p>

<p id="demo3"></p>

<p id="demo4"></p>

<script>

function homzzang() {

  var x = document.getElementById("hz").form;

  demo1.innerHTML = x; // [object HTMLFormElement]

  demo2.innerHTML = x.id; // hzForm

  demo3.innerHTML = x.elements; // [object HTMLFormControlsCollection]

  demo4.innerHTML = x.elements.length; // 1

}

</script>

 

결과보기

form 정의

 

INPUT 텍스트 필드 포함하는 FORM 객체 반환.

 

---

 

1.

form 속성은 읽기전용. (즉, 설정 불가.)

 

2.

모든 브라우저 지원.

 

form 구문

 

FORM 객체 반환

textObject.form

 

---

PS.

 

FORM 객체의 ID 반환 ★

textObject.form.id

 

FORM 객체에 속하는 요소집합 객체 반환

textObject.form.elements

 

FROM 객체에 속하는 요소집합 객체의 요소 개수 반환 ★

textObject.form.elements.length