html
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function check() {
alert("호출");
}
</script>
</head>
<body>
<h3>회원정보</h3>
<form method="post" action="member.jsp">
<!--
label 태그안에 아래와 같이 코드를 넣으면, [이름:] 글자를 클릭 할 시
입력박스안으로 커서가 옮겨진다
-->
<label>이름: <input type="text" name="name" placeholder="이름 입력" required></label><br>
아이디: <input type="text" name="id" placeholder="아이디 입력" required><input type="button" value="중복확인"><br>
비밀번호: <input type="password" placeholder="비밀번호 입력" name="pwd" required><br>
비밀번호 확인: <input type="password" placeholder="비밀번호 확인" name="repwd" required><br>
이메일: <input type="email" name="email" placeholder="Ex) aa@aa.com" required><br>
이메일 수신동의:
<input type="radio" name="mailagree" value="yes"> 동의
<input type="radio" name="mailagree" value="no"> 비동의<br>
전화번호:
<select name="phone">
<option value="KT" selected>KT</option>
<option value="SKT">SKT</option>
<option value="U+" >U+</option>
</select>
<input type="tel" name="number" placeholder="-빼고 숫자만 입력" required><br>
정보이용
<input type="checkbox" name="pagree1" value="1"> 개인정보이용
<input type="checkbox" name="pagree2" value="2"> 개인정보사용<br>
<input type="submit" value="가입"><br>
<input type="button" value="가입2" onclick="check()"><br>
</form>
</body>
</html>
|
cs |
jsp
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<%@ page contentType="text/html; charset=utf-8"%>
<%
request.setCharacterEncoding("utf-8");
String name = request.getParameter("name");
String id = request.getParameter("id");
//ctrl+alt+방향키
String pwd = request.getParameter("pwd");
String email = request.getParameter("email");
String mailagree = request.getParameter("mailagree");
String phone = request.getParameter("phone");
String number = request.getParameter("number");
String pagree1 = request.getParameter("pagree1");
String pagree2 = request.getParameter("pagree2");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>회원가입 확인</title>
</head>
<body>
name: <%=name%><br/>
id: <%=id%><br/>
email: <%=email%><br/>
mailagree: <%=mailagree%><br/>
phone: <%=phone%><br/>
number: <%=number%><br/>
agree1: <%=pagree1%><br/>
agree2: <%=pagree2%><br/>
</body>
</html>
|
cs |
위 코드를 적용시 크롬에서 아래와 같이 나옵니다.
--
칸을채우고 [가입] 버튼을 누르면 jsp 주소로이동
'Web > Jsp' 카테고리의 다른 글
| 자바스크립트의 역할 (1) | 2020.05.19 |
|---|---|
| QueryBean (0) | 2020.05.19 |
| out.print (0) | 2020.05.19 |
| 데이터베이스의 자료를 Jsp를 이용하여 출력하기 (0) | 2020.04.23 |
| 이클립스에 톰캣 설치하기 (0) | 2020.04.23 |