25. 웹페이지 작성(9-1)

1. 회원 가입 문서 만들기 

회원 가입 문서 만들기 

– 테이블이나 프레임을 이용한 페이지 레이아웃 설정 

– 회원 가입 페이지에 들어갈 정보 확인 

– 회원 가입에 필요한 입력 양식 

– 초기 사용자의 이름을 입력 받을 수 있는 양식 작성 

• 일반 텍스트 입력 <input type=“text”> 

– 주민등록번호&전화번호 입력 양식 

• 주민등록번호 자릿수 제한하기 

• 잘못된 전화번호 자릿수 제한하기 

2. 주민등록번호, 전화번호, 휴대폰, 주소 입력 받기 

 아이디 및 패스워드 

• 아이디 

– 일반적인 텍스트 입력 양식 

– <input type=“text”> 

– 관리자 의도에 따라 자릿수 제한 가능 

• 패스워드 

– 입력한 내용 대신 “*”로 표시되는 입력 양식 

– <input type=“password”> 

– 관리자 의도에 따라 자릿수 제한 가능 

 기타 정보 입력받기 

• 이메일 주소, 홈페이지 주소 

– 일반적인 텍스트를 입력할 수 있는 텍스트 박스 

– 초기값으로 “value”속성을 이용하여 표시 가능 

• 개인 프로필 

– 여러 줄의 문장 입력 가능 

– <textarea>~</textarea> 

– 입력 가능한 줄 “rows”로 지정 

– 한 줄에 입력 가능한 글자 수 “cols”로 지정