Frontend/Javascript

form 객체

olli2 2021. 12. 10. 17:13

form 객체

  • document 객체의 하위 객체
  • form 태그 내에 들어 있는 여러 입력 양식을 제어
  • form의 하위 객체들 

폼 객체 사용 방법

  • (1) 태그의 name 속성을 객체로 사용하는 경우
<form name=”newMemberForm”>
<input type=”text” name=”id”>
<input type=”password” name=”passwd”>
newMemberForm.id.focus();
newMemberForm.id.value = “”;
newMemberForm.passwd.focus();
  • (2) 문서 객체 모델 (DOM) 방식을 사용하는 경우
<input type=”text” id=”name”>
var name = document.getElementById(‘name’);
name.focus();
name.value = “”;