<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>입력 양식</title>
</head>
<body>
<!-- <form> 태그
주요 요소
action : 데이터가 보내질 위치를 지정
method : 전송 방식. GET/POST
name : 폼의 이름 결정하는 속성(css나 Javascript에서 활용)
연동 태그(기초)
<input> 태그 : 입력 필드 태그
주요 요소
type : 입력 태그의 모양을 지정(text, submit, reset 등)
주요 속성 값
- text : 문자열을 입력받는 형식
- password : 문자열을 입력받는 형식(내용 숨김)
지정된 페이지로 input 태그의 값을 전송
- reset : input 태그에 입력한 값을 초기화
-->
<form name="form1" action="result.jsp" method="get">
<p>아이디 :
<input type="text" name="id" value="test">
</p>
<p>비밀번호 :
<input type="password" name="pass">
</p>
<input type="submit" value="전송"><!-- 버튼형식 -->
<input type="reset" value="취소"><!-- reset : 버튼형식, 초기값으로 되돌려 놓음 -->
</form>
<!-- input 태그
input 태그는 일종의 변수
name 속성으로 변수의 이름을 지정
value 속성에 변수의 초기값을 지정하거나 입력을 받음
-->
</body>
</html>
jsp 에서는 java 형식의 코딩이 허용되기 때문에 자바 언어로 데이터 처리 후 html 언어에 맞게 출력문 작성한다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>결과 화면</title>
</head>
<body>
<!-- JSP(Java Server Page -->
<%
//여기는 자바 영역
//form 태그의 input 태그에서 넘어오는 데이터를 받기 위한 변수
String id = request.getParameter("id");
String pass = request.getParameter("pass");
//출력은 브라우저에서 하기때문에 system생략
out.println("아이디 : " + id + "<br>");
out.println("비밀번호 : " + pass);
%>
</body>
</html>
