코딩 자율학습 HTML + CSS + 자바스크립트: 12.5.1 form 태그 선택하기

slide 1 of 23, currently active
slide 2 of 23
slide 3 of 23
slide 4 of 23
slide 5 of 23
slide 6 of 23
slide 7 of 23
slide 8 of 23
slide 9 of 23
slide 10 of 23
slide 11 of 23
slide 12 of 23
slide 13 of 23
slide 14 of 23
slide 15 of 23
slide 16 of 23
slide 17 of 23
slide 18 of 23
slide 19 of 23
slide 20 of 23
slide 21 of 23
slide 22 of 23
slide 23 of 23

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>

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.