더북(TheBook)

12.5.2 폼 요소 선택하기

폼 요소에는 input 태그를 비롯해 select 태그, button 태그 등이 있습니다. 이런 폼 요소를 선택할 때는 elements 속성이나 name 속성을 사용합니다. 다음 예제 코드로 해당 폼 요소에 접근하는 방법을 알아보겠습니다.

12/05/forms_element.html

<body>
  <form name="frm1">
    <label for="uname">이름</label>
    <input type="text" id="uname" name="uname">
    <label for="age">나이</label>
    <input type="text" id="age" name="age">
    <label for="gender">성별</label>
    <select id="gender" name="gender">
      <option value="male">male</option>
      <option value="female">female</option>
    </select>
    <button type="submit">전송</button>
  </form>
</body>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.