html 조건모두 한 페이지에 작성하며, process.jsp 파일과 연결하여 값을 넘겨준다. Show 1. 보여질 형상은 아래와 같다
2. 조건
CSS 조건
html 작성하기같은 곳에
파일을 넘겨 줄 것이기 때문에 폼태그의 구분없이 일단 로그인 창 만들기
회원가입 창 만들기
텍스트 입력창 만들기간단하다! 가입하기 / 다시쓰기 버튼
작성모습html 만 작성했을 때의 전체 모습은 이렇다. css 작성하기중구난방한 모습을 깔끔히 정리하기 위해 css를 사용할 것이다. fieldset에 마진주기조건 1. form의 fieldset은 마진은 10px 0
위와 비교해 fieldset 끼리 틈이 생겼다. legend 조건주기조건 2인 로그인, 가입하기, 텍스트 입력창의 설정은 제목으로 달아준 legend에 대한 조건이다. 폰트 사이즈 18px, color는 #0066ff, 두께는 600
회원가입에 조건주기조건 3. 회원가입의 목록이름에 조건을 주기위해 class로 묶었던 reg로 값을 넣어준다. 폰트사이즈 14px, 너비 120px, 위치는 float:left
회원가입 창의 배열이 깔끔해졌다. * 에 조건 걸기조건 4.
목록태그의 점 감추기조건 5. 가입하기에서 아이디 비밀번호, 비밀번호 확인, 이름, 메일 주소, 전화번호는 목록태그로 만들고 점은 감춘다.
버튼 가운데 맞추기조건 6. 가입하기,
다시쓰기 버튼의 위치는 center
html + css 전체화면 모습코드
jsp 로 받는 페이지 만들기
전체 확인하기아래와 같이 임의로 값을 넣어주고 가입하기를 누르면 입력 값이 제대로 넘어간 것을 확인할 수 있다. |