6. 폼 태그

Yuri Lee·2022년 5월 30일
0

JSP

목록 보기
6/19

<폼 처리의 개요>

폼은 사용자가 웹 브라우저를 통해 입력된 모든 데이터를 한 번에 웹 서버로 전송하는 양식,
사용자와 웹 애플리케이션이 상호 작용하는 중요한 기술!

< form 태그의 기능과 사용법>

사용자가 다양한 정보를 입력하고 서로 전달할 때 사용하는 태그

<form 속성="값1" [속성2="값2"]>
	//다양한 입력 양식 태그 <input>,<select>,<textarea>
</form>

form 태그의 속성

속성설명
action폼데이터를 받아 처리하는 웹페이지의 url을 설정
method폼 데이터가 전송되는 http 방식을 설정
name폼을 식별하기 위한 이름을 설정
target폼 처리 결과의 응답을 실행할 프레임을 설정
enctype폼을 전송하는 콘텐츠 mime 유형을 설정
accept-charset폼 전송에 사용할 문자 인코딩을 설정

get 방식과 post 방식의 차이 (get은 잘 안씀)

구분get 방식post 방식
전송 형태이름과 값의 형태로 url에 포함되어 전송http 헤더 속에 감춰서 전송
전송량제한적제한 없음
속도빠름느림
보안없음있음

< input 태그의 기능과 사용법>

사용자가 텍스트 입력이나 선택 등을 다양하게 할 수 있도록 공간을 만드는 태그

<input 속성1="" [속성2="값2"....]>
속성속성 값설명
typetext
radio
checkbox
password
hidden
file
button
reset
submit
기본 값으로 한 줄의 텍스트 입력
라디오 버튼으로 열거된 것 중 하나만 택
체크 박스로 열거된 것 중 다중 선택
암호 입력
보이지 않게 숨겨서 값을 전송
파일 업로드를 위한 파일 선택
버튼 모양을 출력
폼에 입력된 값을 모두 초기화할 때 사용
폼에 입력된 값을 서버에 전송
name텍스트입력양식을 식별하는 이름
value텍스트입력양식의 초깃값을 설정

< select 태그의 기능과 사용법>

여러 개의 항목이 나타나는 목록 상자에서 항목을 선택하는 태그
**반드시 option 태그를 포함해야한다.

<select 속성1="" [속성2="값2"...]>
	<option 속성1="" [속성1]> 항목1</option>
    <option 속성2="" [속성2]> 항목2</option>...
</select>

< textarea 태그의 기능과 사용법>

여러 줄의 텍스트를 입력할 수 있는 태그

<textarea clos="너비 값" rows="높이 값">
</textarea>

<폼데이터 처리하기>

사용자가 웹 브라우저의 폼 페이지에 입력한 데이터를 서버로 전달하여 서버가 이를 처리한다. 이렇게 폼 데이터를 처리함으로써 표현문이나 스크립틀릿 태그에 request 내장 객체를 이용하여 폼페이지에서 전달된 값을 얻을 수 있다.

요청 파라미터 값 받기

String 변수 = request.getParameter(요청 파라미터 이름);

->값을 1개만 받아올 수 있다!

요청 파라미터의 전체 값 받기

메소드형식설명
getParameterNames()java.util.Enumeration모든 입력 양식의 요청 파라미터 이름을 순서에
상관없이 Enumeraion 형태로 전달받는다.
hasMoreElements()-Enumeration 요소가 있으면 true를 반환하고, 그렇지 않으면 false 반환
nextElement()-Enumeration 요소를 반환
profile
개발자 이유리

0개의 댓글