본문 바로가기
  • 오늘도 한걸음. 수고많았어요.^^
  • 조금씩 꾸준히 오래 가자.ㅎ
IT기술/html

form post방식 get방식 url방식

by 미노드 2016. 4. 29.

1.method=전송방식(post/get), action=전송 받은 요청을 처리할 페이지
2.intut type=hidden(클라이언트 브라우저에는 나타나지 않음)
3.checkbox,radio,list등 다양한 입력상자를 html,자바스크립트에서 구경!





소스보기


1. 폼태그 post방식 <br>
<form method="post" action="tes11.asp">
이름:<input type="text" name="sname" size="20"> <br>
나이:<input type="text" name="sage" size="20"> <br>
<input type="hidden" name="stel" value="111-1234"> <br>
<input type="submit" name="등록">
< input type="reset">
</form>

* 전송영역중에 고급보안영역인 HEAD 영역에서 전송되어 1차보안이 된다
* 브라우저 주소창을 보세요! 주소창에 전송 값들이 노출되지 않는다


2. 폼태그 get방식
<form method="get" action="tes12.asp">
이름:<input type="text" name=sname size="20"> <br>
나이:<input type="text" name="sage" size="20"> <br>
<input type="hidden" name="stel" value="111-1234"> <br>
<input type="submit" name="등록">
<input type="reset">
</form>
* 전송영역중에 BODY 영역에서 전송된다
* 브라우저 주소창을 보세요! 주소창에 전송 값들이 노출된다


3. url 전송방식

<a href="tes13.asp?sname=kim&sage=20&stel=111-1234">url전송</a>
* 전송영역중에 BODY 영역에서 전송된다
* 브라우저 주소창을 보세요! 주소창에 전송 값들이 노출된다

* 페이지와 쿼리스트링 구분은 ? 로, 세트 구분는 & 로, 키와 밸루는 =로 구분!
* 위의 url 사이에는 공백을 두지않도록!!!



1) test11.asp (폼태그 post방식 전송시 처리방법)

<%
sname=request.form("sname")
sage=request.form("sage")
stel=request.form("stel")
%>

당신은 <%=sname%>이고, 나이는 <%=sage%>이며, 전화는<%=stel%>이군요..

<hr>
전송된 데이타는 버서의 준비된 저장장소인 FORM컬렉션에 보관된다

주로 지역변수에 옮겨 사용한다



2) test12.asp (폼태그 get방식 전송시 처리방법)

<%
sname=request.querystring("sname")
sage=request.querystring("sage")
stel=request.querystring("stel")
%>

당신은 <%=sname%>이고, 나이는 <%=sage%>이며, 전화는<%=stel%>이군요..

<hr>
전송된 데이타는 서버의 준비된 저장장소인 QUERYSTRING컬렉션에 보관된다

주로 지역변수에 옮겨 사용한다



3) test13.asp (url 방식 전송시 처리방법) * 2)와 전송 처리가 같다

<%
sname=request.querystring("sname")
sage=request.querystring("sage")
stel=request.querystring("stel")
%>

당신은 <%=sname%>이고, 나이는 <%=sage%>이며, 전화는<%=stel%>이군요..

<hr>
전송된 데이타는 서버의 준비된 저장장소인 QUERYSTRING컬렉션에 보관된다

주로 지역변수에 옮겨 사용한다