HTML 문서에 포함된 폼(양식)의 개수를 구하려면 JavaScript에서 document.forms 속성과 length 속성을 함께 사용하면 됩니다.
document.forms는 현재 문서 안의 모든 <form> 요소를 담고 있는 컬렉션이며, 여기에 .length를 붙이면 해당 문서에 존재하는 폼의 총 개수가 숫자로 반환됩니다. 별도의 복잡한 로직 없이 한 줄의 코드로 간단히 확인할 수 있습니다.
예제
다음 예제 코드를 실행하면 문서 내 폼의 개수를 화면에 출력할 수 있습니다.
<!DOCTYPE html>
<html>
<body>
<form>
Name: <input type="text" name="my_name" value="Amit">
Subject: <input type="text" name="my_subject" value="Java">
<input type="submit" value="Submit">
</form>
<script>
var val = document.forms.length;
document.write("<br>Number of forms in the document: "+val);
</script>
</body>
</html>실행 결과
위 코드를 브라우저에서 열면 페이지 하단에 다음과 같은 결과가 표시됩니다.
Number of forms in the document: 1
이처럼 document.forms.length를 활용하면 동적으로 생성된 폼을 포함해 현재 문서에 있는 모든 폼의 개수를 손쉽게 파악할 수 있으며, 이를 응용하면 특정 조건에 따라 폼을 검증하거나 관리하는 스크립트를 작성할 수도 있습니다.