자바스크립트 document.form 이란?

document.form 

은 자바스크립트에서 문서에 포함된 모든 <form> 의 HTMLcollection 을 반환하는 속성 이다.

소스를 보자.

<h1>The Document Object</h1>

<h2>The forms Property</h2>

  <p><form id="myCarForm">

  Favorite Car: <input type="text" name="fname" value="Volvo">

  </form></p>

  <p><form id="myColorForm">

  Favorite Color: <input type="text" name="favcolor" value="Blue">

  </form></p>

  <p>The name of the form elements in the document are:</p>

  <p id="demo"></p>

<script>

  const forms = document.forms;

  let text = "";

  for (let i = 0; i < forms.length; i++) {

    text +=  forms[i].id + "<br>";

  }

  document.getElementById("demo").innerHTML = text;

</script>

두개의 form 을 생성하고

자바스크립트에서는 document.forms 속성을 사용해서 해당 폼의 id 값을 얻어온뒤

값을 출력하는 코드이다.

여러개의 form에 접근하기 위해서 forms.length로 반복문을 돌린 뒤

forms[] HTMLcollection 객체에 접근하는 모습이 중요하다.

form 요소에 접근하기 위해서는 document.form 을 사용하면 유리하다.