Jsp
Form태그(get방식, post방식)
쟈근꿈틀이
2022. 4. 26. 14:50
728x90
| onclick | onload | onkeyup |
| 자바 스크립트 함수; onclick 속성이 부여된 개체를 클릭하면 지정한 코드가 실행됨 |
개체가 로드되면 로드 특성이 실행됨 | 키가 입력될 때마다 서버에게 코드를 전송 |
<body>
<form action="처리할 파일의 경로" method="get|post">
<input type="text" placeholder="아이디"><br>
<input type="password" placeholder="비밀번호"><br>
<input type="file"><br>
<input type="submit" value="전송 버튼">
<input type="reset" value="취소">
<input type="button" value="버튼" onload="" onclick="location.href='quiz04.jsp'">
</form>
</body>
form태그의 method는 입력받은 데이터를 서버에 전달할 방식을 명시한다.
데이터를 전달하는 방식은 get, post로 나뉘는데 method 속성을 명시하지 않으면 기본 값인 get방식으로 데이터가 전달된다.
| get방식(기본 값) | post방식 |
| 주소에 데이터를 추가하여 전달 데이터가 주소 입력창에 그대로 나타남 전송할 수 있는 크기 또한 제한적 -> 크기가 작고 중요도가 낮은 정보를 보낼 때 주로 사용 |
데이터(data)를 별도로 첨부하여 전달하는 방식 데이터가 외부에 드러나지 않음 전송할 수 있는 데이터의 크기 또한 제한이 없음 -> 보안성 및 활용성이 GET 방식보다 좋음 |
onclick 속성이 부여된 버튼을 누르면 지정된 코드가 실행되어 quiz04.jsp파일로 이동한다.
form의 submit버튼이 눌리면 내부의 데이터들을 하나로 묶어 action에 지정된 경로로 데이터를 전달한다.
form내부에 작성된 모든 내용을 초기화하고 싶을 때는 reset버튼을 누르면 된다.
<body>
<form action="ex22.jsp">
<input type="text" name="id" placeholder="아이디"><br>
<input type="password" name="pw" placeholder="비밀번호"><br>
<input type="submit" value="전송 버튼">
<input type="reset" value="취소"><br>
</form>
</body>
ex21.jsp에서 form태그로 묶인 데이터들을 처리할 파일을 ex22.jsp로 지정했고, method 속성을 따로 지정하지 않았으므로 get방식으로 데이터가 전송된다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
아이디: <%=request.getParameter("id")%><br>
비밀번호: <%=request.getParameter("pw")%>
데이터를 전달 받은 ex22.jsp파일에서는 데이터들을 name으로 구분하여 스크립트 릿(<% %>)의 표현식으로 이를 출력한다.
참고: https://axce.tistory.com/26
#6-1. HTML Form 사용 방법(method :: get, post)
# HTML에서 사용되는 form 요소를 알아보겠습니다. # from 사용 문법을 배우도록 하겠습니다. # method 속성의 get , post에 대해 배우고 그 장,단점에 대해 배워보도록 하겠습니다. # tag 목록을 볼 수 있는
axce.tistory.com
728x90