문서에서 첫 번째 폼(form)의 이름을 가져오려면 document 객체의 forms 속성을 사용하면 됩니다. 이 속성은 문서 내 모든 폼을 컬렉션 형태로 반환하며, 인덱스를 통해 각 폼에 접근할 수 있습니다.
아래 예제 코드를 실행하면 문서에 포함된 폼의 개수와 함께 첫 번째 폼의 이름이 화면에 표시됩니다.
예제
<!DOCTYPE html>
<html>
<body>
<form name ="formOne">
Name: <input type="text" name="my_name" value="Amit">
Subject: <input type="text" name="my_subject" value="Java">
<input type="submit" value="Submit">
</form>
<form name ="formTwo">
</form>
<script>
var val = document.forms.length;
document.write("<br>Number of forms in the document: "+val);
document.write("<br>Name of the first form: "+document.forms[0].name)
</script>
</body>
</html>코드 설명
document.forms.length는 문서 내 폼의 총 개수를 반환합니다. 위 예제에는 두 개의 폼이 있으므로 2가 출력됩니다.
document.forms[0].name은 인덱스 0번, 즉 첫 번째 폼의 name 속성 값을 가져옵니다. 따라서 이 예제에서는 formOne이 출력됩니다.
이처럼 forms 속성을 활용하면 별도의 ID나 클래스 없이도 문서 내 폼 요소에 쉽게 접근하고 조작할 수 있습니다.