본문 바로가기

프론트앤드 수업

[javascript] 폼태그 선택자

728x90

아이디 선택후 Enter 누를시 다음으로 이동

1. 폼과 요소 탐색하기
폼은 특수한 컬렉션인 document.forms의 구성원
<form name="myForm">
<input type="text" name="userId">
</form>
1) 폼의 name값으로 접근 : document.forms.폼이름
ex > document.forms.myForm
2) 폼의 순서로 접근 : document.forms[0] -> 문서내의 첫번째 폼
3) 폼의 요소에 접근 form.elements.요소name값
ex> form.elements.userId -> input의 name이 userId인것을 선택
짧은 표기법 form.name
4) focus 지정하기
- autofocus 속성 추가
- node.focus() 메서드

 

선택하는방법이지만 document.querySelector 문으로도 선택이 가능하기에 있다는것만 기억해두면 된다.

728x90
댓글