입력 <form>태그

김성진·2021년 6월 18일

웹에서 사용자 입력을 받으러면 HTML의

태그 사용

 <form action="입력_값을_전달할_프로그림" method="데이터를_전달하는_방식">
          입력태그
 </form>

action 속성

이 폼에 입력된 값들을 전달할 프로그램의 이름을 적는다.
만약 같은 폴더에 있다면 프로그램이름만 적어주고,
서로 다른 폴더에 있다면 경로까지 적어준다.

method 속성

입력된 데이터를 전달하는 방식을 적는다. GET과 POST중에 원하는 방식을 적어준다.
GET방식은 전달되는 데이터가 웹브라우저 주소창에 보이고
POST방식은 주소창에 표시되지 않는다.

입력태그 종류

input : 텍스트, 비밀번호 입력, 라디오 버튼, 체크 박스, 전송 버튼, 초기화 버튼, 일반 버튼, 파일 업로드
select: 드롭다운 리스트, 일반 리스트
textarea: 여러 줄의 텍스트 입력

GET POST 예제

결과

해당 폼에 값을 입력하여 GET요청하면 주소창에 name속성과 value값이 그대로 나타난다.

값들을 JSP에서 사용할 경우

 <body>
   국어 : <%=request.getParameter("kor")%><br>
   영어 : <%=request.getParameter("eng")%><br>
   수학 : <%=request.getParameter("math")%><br>
 </body>

위 코드처럼 JSP에 입력할 경우 실행 결과는 동일하게 나옴

(GET , POST읽기 동일하게 사용)

request.getParameter("입력_태그의_name_속성")

POST request요청할때
request.setCharacterEncoding("utf-8"); 해야함
뜻 : 이 프로그램으로 전달되어 네가 보관하고 있는 값들이 UTF-8로 인코딩되어 있어
한글 깨짐 방지

단일 값 입력받을때는
request.getParameter() 메소드 결과 : 하나의 값만 반환
다중 입력값 꺼내올때는
request.getParameterValues() 메소드 사용 결과 : 여러개의 값을 반환(배열)

김성진

step by step

이전 포스트