포커스, 폼 이벤트
HTML 코드.
CSS 코드.
1. focus, blur, input
↑ focus가 될 시, form의 테두리 색 변경.
↑ blur 될 시, form의 테두리는 투명하게 변경됨.
값을 입력하는 즉시, 바로바로 콘솔창에 해당 문구가 출력됨. 
2. change
이번에는 'input'을 'change' 이벤트로 바꿨음. 
인풋 창에 무언가를 입력 후, tab, enter...를 누르는 등 변경 사항이 있을 때 해당 문구가 출력된다. 해당 요소의 상태가 변경되었을 때 이벤트가 발생하게 되는 것임.
3. submit
제출 버튼을 누르면 이벤트 발생. (type : submit일 경우)
이번에는 preventDefault 메소드를 주석 처리 후 실행해 보겠다.
제출 버튼을 누르면 페이지 자체가 새로고침되어 아무것도 출력되지 않는다. 이것이 폼 제출 시 기본 동작인 것.
4. reset
form 요소 내부에 들어있는 type이라는 속성에 reset 값이 들어있는 버튼을 클릭할 시 발생하는 이벤트.
↑ 아직 reset 버튼을 누르지 않은 상태
↑ reset 버튼 눌러서 reset 이벤트 발생. 초기화되어 비워짐.
雲外蒼天