[JSP/Servlet] Form 예제
- BACKEND/Servlet&JSP
- 2017. 5. 10. 18:06
web.xml
<!-- FormServlet 등록 -->
<servlet>
<servlet-name>form servlet</servlet-name>
<servlet-class>servlet.requestparam.FormServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>form servlet</servlet-name>
<url-pattern>/form/formServlet</url-pattern>
</servlet-mapping>
input_form.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>각종 입력 폼</h1>
<!-- form태그 - 입력양식들을 묶어주는 태그 : 요청할 URL과 요청방식 설정 -->
<form action = "/myweb/form/formServlet" method="post">
이름 : <input type="text" name="name"><br><!-- 1줄 텍스트 입력폼(type=text) -->
패스워드 : <input type="password" name="password"><br>
주소 : <input type="text" name="address" size="50" maxlength="10"><br>
<!-- 라디오 버튼 : 여러개중 하나만 선택 하는 선택버튼 : type="radio" 같은 이름끼리 그룹으로 묶인 -->
성별 : <label for="radio_f">남성 : </label><input type="radio" name="gender" value="남성" id = "radio_f">
<label>여성 : <input type="radio" name="gender" value="여성"></label>
<!-- 체크박스 버튼
1. Yes/No 를 입력받기 위한 선택버튼.
2. 여러개중에 여러개 선택을 위한 선택버튼.-->
<label for="chk_mail">광고 메일수신여부</label> <input id="chk_mail" type="checkbox" name="acceptMail" value="yes">
<p>
관심 언어를 선택하세요(다중선택 가능)<br>
<label for="chk_java">Java</label><input type="checkbox" name="language" value="Java" id="chk_java">
<label for="chk_c">C언어</label><input type="checkbox" name="language" value="C언어" id="chk_c">
<label for="chk_python">파이썬</label> <input type="checkbox" name="language" value="python" id="chk_python">
<label for="chk_ruby">루비</label><input type="checkbox" name="language" value="Ruby" id="chk_ruby">
</p>
<!-- type="hidden" User(사용자)에게 감춘상태에서 전송하는 요청파라미터 설정. -->
<input type = "hidden" name="command" value="register">
핸드폰 번호
<select name="tel1">
<option>010</option>
<option>011</option>
<option>016</option>
<option>019</option>
</select>
<br>
상품 분류
<select name="category">
<option value="p1">컴퓨터</option>
<option value="p2">가전제품</option>
<option value="p3">소프트웨어</option>
</select>
<p>
설명<br>
<textarea rows="10" cols="100" name="intro"></textarea>
</p>
<p>
<input type="submit" value="등록"><!-- 전송버튼 -->
<input type="reset" value="초기화"><!-- 초기화버튼: 입력폼의 값들을 초기화한다. -->
<input type="button" value="그냥버튼" onclick="alert('안녕하세요');"><!-- 버튼모양 : javascript와 연동 -->
</p>
<p>
<button type="submit">전송버튼</button>
<button type="reset">초기화버튼</button>
<button type="reset">버튼</button>
</p>
</form>
</body>
</html>
● 입력 화면
● 결과 화면
'BACKEND > Servlet&JSP' 카테고리의 다른 글
[JSP/Servlet] Cookie 예제 -숫자 누적처리 (0) | 2017.05.11 |
---|---|
[JSP/Servlet] Listener 및 ServletContext/ServletConfig 예제 (0) | 2017.05.10 |
[JSP/Servlet] Session 관리 (0) | 2017.05.10 |
[Tomcat] 설치 메뉴얼 자료 (0) | 2017.05.10 |
[Jsp] 계산기(Calculator) 만들기 예제 (Redirect, Dispatch 방식 포함) (0) | 2017.05.10 |