폼과 요소 탐색하기
폼은 특수한 컬렉션인 document.forms의 구성원이다.
웹페이지내에 폼이 여러개일 수 있다.
document.forms는 이름과 순서가 있는 '기명컬렉션(named collection)'이다.
form 요소노드는 더이상 name속성을 사용하지 않고 id속성을 사용한다.
내부 form controll들은 name/value 쌍으로 submit되기때문에 form은 name속성을 가질 필요가 없다.
폼내부의 컨트롤들은 모두 기명컬렉션으로 처리되기때문에 name속성이 중요하다.
<form name="my">
<input name="one" value="1">
<input name="two" value="2">
</form>
<script>
let form = document.forms.my; // <form id="my"> 요소
let elem = form.elements.one; // <input name="one"> 요소
alert(elem.value); // 1
</script>라디오버튼은 name속성이 같은 여러개를 요소노드들이다.
<form>
<input type="radio" name="age" value="10">
<input type="radio" name="age" value="20">
</form>
<script>
let form = document.forms[0];
let ageElems = form.elements.age;
alert(ageElems[0]); // [object HTMLInputElement]
</script>form.elements.age는 컬렉션이 된다.
