웹개발 교육/jsp

[48일] jsp (8) - form

ewok 2022. 10. 5. 11:47 
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>06_form.jsp</title>
</head>
<body>
	<h3>* 성적 입력 *</h3>
	<form name="sungjukfrm" id="sungjukfrm" method="" action="06_ok.jsp">
		이름:<input type="text" name="uname" id="uname" size="10" maxlength="20" placeholder="이름" required> 
		<hr>
		국어:<input type="number" name="kor" id="kor" size="5" min="0" max="100">
		<hr>
		영어:<input type="number" name="eng" id="eng" size="5" min="0" max="100">
		<hr>
		수학:<input type="number" name="mat" id="mat" size="5" min="0" max="100">
	  	<hr>
	  	<input type="submit" value="전송">
	  	<input type="reset"  value="취소">
	</form>

</body>
</html>

위 코드를 보면 form 태그 안에 다양한 속성들이 있다. 이에 대해 알아보자

 

 

form 관련 다양한 속성들

사용자가 입력한 정보를 서버로 전송하기 위한 양식

  •   name    : 폼 이름. 서버에서 식별하기 위한 이름
  •   id      : 폼 아이디. Frontend 단에서 식별자로 주로 사용
  •   method  : 폼 전송방식. get | post 방식. 생략 시 기본은 get 방식
  •   action  : 사용자가 요청한 정보를 서버가 받아서 처리할 결과 페이지
  •   enctype : 폼에서 파일을 첨부해서 서버로 전송하고자 할 때 "multipart/form-data" 추가

 

 

form 전송 방식

1. method=get 방식

  • 생략 시 기본값
  • 사용자가 입력하여 요청한 정보가 URL에 그대로 노출
  • 한글 안 깨짐
  • ok.jsp?서버로전송되는값들
  • 형식) 요청 페이지(또는 명령어)?변수=값&변수=값&변수=값...
예) 06_ok.jsp?uname=대한&kor=40&eng=50&mat=60 (각 변수는 name값이다)

      
2. method=post 방식

  • 사용자가 요청한 정보가 URL에 노출되지 않고 패키지화되어서 서버로 전송
  • 한글 깨짐
  • 비밀번호, 주민번호, 카드번호 등 노출되어서는 안 되는 정보가 있을 때 사용