INPUT 태그
- type=”text” - 문장 입력
- type=”password” - 암호
- type=”tel” - 전화번호
- type=”number” - 숫자
- type=”email” - 이메일
- type=”time” - 시
- type=”checkbox” - 체크박스 형태로 값을 선택
- type=”radio” - 동일한 이름 가진 것들 중 하나 선택
- type=”hidden” - 화면에 안 보이는 값을 웹 서버에 전달
- type=”file” - 첨부파일
- type=”submit” - 웹 서버로 전송
- type=”reset” - 초기화
INPUT 태그의 속성
- required: 해당 필드는 반드시 정보 입력해야 함
- checked: type이 radio나 checkbox인 경우 디폴트로 선택됨
실습문제
동네 C 피부과 병원에서는 아토피 환자들을 효과적으로 관리하기 위해서 웹 기반으로 환자관리 프로그램을 작성하려고 한다. 병원에서는 환자들에게 방문 예약 전 문자 알림을 보내고 싶어 하며, 환자가 정기적으로 약을 바르는지 혹은 약을 먹고 있는지 여부를 확인하고 싶어 한다. 환자가 회원 가입하기 위해서 필요한 항목들을 파악하고 환자관리 프로그램에서 회원 가입을 위한 입력(ipatient.jsp )과 출력( opatient.jsp ) JSP 프로그램을 작성하라.
ipatient.jsp
<%@ page contentType="text/html;charset=KSC5601" %>
<html>
<head>
<title>회원가입</title>
</head>
<body>
<h2>회원가입</h2>
정보를 입력해주세요. <br><br>
<form method='post' action='opatient.jsp'>
이름: <input type="cname" name="cname" required><br><br>
전화번호: <input type="tel" name="phone" required><br><br>
정기적으로 섭취하거나 바르는 약이 있습니까? <br>
<input type="radio" name="select" value="예" checked>예
<input type="radio" name="select" value="아니오">아니오
<br><br>
예약일: <input type="datetime-local" name="datetime"><br><br>
<input type="reset" value="취소">
<input type="submit" value="가입">
</form>
</body>
</html>
opatient.jsp
<%@ page contentType="text/html;charset=KSC5601" %>
<% request.setCharacterEncoding("KSC5601"); %>
<html>
<head>
<title>회원가입</title>
</head>
<body>
<h2>회원가입</h2>
회원님의 가입 정보는 다음과 같습니다. <br><br>
<% String cname=request.getParameter("cname"); String phone=request.getParameter("phone"); String
select=request.getParameter("select"); String datetime=request.getParameter("datetime"); %>
<li> 이름 : <% out.println(cname); %>
<li> 전화번호: <% out.println(phone); %>
<li> 약 정기 섭취 여부: <% out.println(select); %>
<li> 예약일시: <% out.println(datetime); %>
</body>
</html>
'간단히 배우는 JSP 기초' 카테고리의 다른 글
| 5장. 데이터베이스를 사용해보자 (0) | 2024.05.29 |
|---|---|
| 4장. 사용자 정보 전달하기 II - 드랍다운(SELECT - OPTION 태그, TEXTAREA 태그) (0) | 2024.05.29 |
| JSP는 서블릿으로 변환되어 작동 (0) | 2024.05.29 |
| JSP 인코딩 문제 (한글 문제) (1) | 2024.05.29 |
| 2장. 실습문제 (0) | 2024.05.23 |
