로그인/회원가입 창은 어떻게 만드는가

로그인 창의 경우

아이디: input 상자(타입은 text)

비밀번호: input 상자(타입은 password)

로그인 버튼(submit)

 

회원가입 창의 경우

약관 체크박스

input 상자

(아이디, 이름, 비밀번호, 비밀번호 확인, 주소, 이메일 등등)

 

form 안에 작성되어야 한다

form의 속성은 method="post" action="회원가입 창에서는 로그인 창으로, 로그인 창에서는 로그인 로직으로" onsubmit="유효성검사 스크립트()" 

 

label태그 안에 input 상자를 넣으면 라벨을 클릭하면 input상자 안에 커서가 선택된다

label for 와 input의 id를 일치시켜주면 굳이 label 안에 상자를 넣지 않아도 됨 

 

정규식 표현을 통해서 해당 input상자의 값이 조건에 맞는지 확인할 수 있으며

keyon keydown을 사용하기도 함 (근데 난 안써봤네)