HTML: input 태그와 Javascript

input

사용자의 입력값을 받는다
받는 방식이 다양하기 때문에 type속성으로 분류한다

Javascript
입력하는 곳이기에 focus 관련한 이벤트들이 존재한다

input 태그 다루기
input.value	입력된 값을 반환
HTML input type=" "	text	텍스트를 입력하는 창	placeholder="미리 입력"
	password	비밀번호 입력하는 창	autofocus : 자동커서
	button	일반 버튼	size="20" 입력폼 길이
	checkbox	체크박스	maxlength="10" 글자 수 제한
	hidden	사용자에게 안보이지만 서버 전송	list="리스트" 미리 리스트 생성
Javascript input 관련 이벤트 (e.type)	focusin	요소에 포커스가 되었을 때
	focusout	요소에 포커스가 나갈 때
	focus(버블링X)	요소에 포커스가 되었을 때	보통 이벤트를 상위 요소에 등록하는데 그런 경우 사용을 주의한다
	blur(버블링X)	요소에 포커스가 나갈 때
	input	사용자가 입력할 때	Esc, Shift에 반응X
	change	요소의 값이 변했을 때	*입력을 마쳤을 때 발동(ex. 엔터)

*change와 focusout 둘 모두 포커스가 빠져나갈 때 발생하지만 change가 먼저 작동하고 값이 변하지 않았다면 change는 발동X