더북(TheBook)

12.5.1 form 태그 선택하기

HTML 폼 요소의 시작은 항상 form 태그입니다. 그래서 폼 요소를 조작하기 전에 form 태그를 선택하는 방법부터 알아보겠습니다. form 태그는 forms 속성과 name 속성으로 선택할 수 있습니다.

 

forms 속성 사용하기

document 객체의 forms 속성은 모든 form 태그의 노드 정보를 HTMLCollection 객체에 담아 반환합니다. 그래서 forms 속성을 사용하면 화면에 있는 form 요소 노드를 쉽게 선택할 수 있습니다.

다음과 같이 form 태그가 여러 개 사용된 코드가 있습니다.

12/05/forms.html

<body>
  <form>
    <input type="text" name="userid">
  </form>
  <form>
    <input type="text" name="username">
  </form>
  <form>
    <input type="text" name="usernick">
  </form>
</body>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.