재미있게 코딩합시다

JSP-form 본문

IT /JSP

JSP-form

감민셔 2018. 12. 26. 17:30

form의 이해 

: 폼은 알게 모르게 웹에서 많이 사용합니다. 사용자의 의견이나 정보를 알기위해서 입력할 큰 틀을 만드는데 사용되기 때문입니다. 폼은 입력된 데이터를 한번에 서버로 전송합니다.

전송한 데이터는 웹서버가 처리하고, 결과에 따른 또 다른웹 페이지를 보여 줍니다.


1.form tag 동작방법


-1. 폼이 있는 웹 페이지를 방문합니다.

-2.폼 내용을 입력합니다.

-3.폼 안에 있는 모든 데이터를 웹 서버로 보냅니다.

-4.웹 서버는 받은 폼 데이터를 처리하기 위해서 웹 프로그램으로 넘깁니다.

-5.웹 프로그램은 폼 데이터를 처리합니다.

-6.처리결과에 따른 새로운 html페이지를 웹 서버에 보냅니다.

-7.웹 서버는 받은  html 페이지를 브라우저에 보냅니다.

-8. 브라우저는 받은 html페이지를 보여줍니다.


2. form tag 속성

-1. action : 폼을 전송할 서버 쪽 스크립트 파일을 지정

-2. name : 폼을 식별하기 위한 이름을 지정

-3. accpt-charset : 폼 전송에 사용할 문자 인코딩을 지정합니다.

-4. target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른위치에 열도록 지정합니다.

-5.method : 폼을 서버에 전송할 http 메소드를 정합니다.(GET or POST)

<%@ 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>Insert title here</title>

</head>

<body>

  <form action="result.jsp">

아이디 : <input type="text" name="id"><br>

비   번 : <input type="password"name="pw"><br>

<input type ="submit"value="로그인">

</form>

<br>

<br>

<input type ="button"value="로그인" onclick="location.href='result.jsp?name=tistory'">


</body>

</html>


input 엘리먼트 속성 중에 submit이라는 타입은 버튼처럼 생겻다.

자신이 속한 form태그의 action을 발생시키는 역활을 한다.


action이 발생할 시에는 form태그 내부에 모든 엘리먼트(속성값)을 

name(id,pw)을 키값으로,

그안에 있는 값혹은 value의 값을 벨류로 해서 파라미터로 셋팅을 해서 들고간다.



result.jsp 는 JSP-input 에 있는 result.jsp 와 동일 합니다.!!!!




저작자표시

'IT > JSP' 카테고리의 다른 글

JSP - 코드분리  (0) 2018.12.26
JSP - forward  (0) 2018.12.26
JSP -input  (0) 2018.12.26
JSP-구구단 출력하기  (0) 2018.12.24
JSP - 2.서블릿  (0) 2018.12.24
'IT /JSP' Related Articles more
Comments