반응형
- Post 방식을 이용하는 경우
Post 방식으로 사용자 입력 정보를 제공하려면 Form 태그의 method 속성에 post 값을 주면 된다.

<Form action = "정보를 던저 주고자 하는 곳", method ="Post" >
이름 : <input type = "text" name = "name" >
<input type ="submit" value = "입력하기">
</Form>

 위 형식으로 서버에 전송된 값을 가져오기 위해서 request 객체의 form 컬렉션을 이용하여 값을 가져올 수 있다.

<%
name = request.form("name")
%>

- Get 방식을 이용하는 경우
Get 방식으로 사용자 입력 정보를 제공하려면 Form 태그의 method 속성에 get 값을 주거나 method 속성을 생략하면된다.

<Form action = "정보를 던저 주고자 하는 곳", method ="Get" >
이름 : <input type = "text" name = "name" >
<input type ="submit" value = "입력하기">
</Form>

 위 형식으로 서버에 전송된 값을 가져오기 위해서 request 객체의 queryString 컬렉션을 이용하여 값을 가져올 수 있다.

<%
name = request.questString("name")
%>


http://203.237.160.180/asp3/result43.asp?name=%C8%AB&grade=88

? : 주소와 데이터 구분자
= : 키와 값 구분자
& : 데이터 쌍 구분자 

- URL 인코딩
URL 인코딩은 영문과 숫자인 경우 그대로 전송되나, 한글이나 특수 문자인 경우는 16진수로 변화되어 전송된다. 이때 특수 문자는 1바이트로 표현되지만, 한글의 한문자는 2바이트로 표현된다.

Space -> +
%       -> %25
+        -> %2B
황      -> %C8%AB

QueryString 의 값을 가져오는 경우 '키'를 이용하여 컬렉션으로부터 하나씩 값을 가져와서 사용할 수도 있지만, For each ... next 문을 이용하여 컬렉션 루프를 만들어 queryString 값을 가져올 수도 있다.

- 컬렉션 이름을 생략하고 사용하는 경우
Request 객체 사용 시 컬렉션의 이름을 생략하고 사용하는 경우가 있다. 예를 들어 request.form("name")이라고 해야 정상이지만, request("name")이라고 해도 form 컬렉션에서 name 키에 해당하는 값을 가져온다.

- 컬렉션 우선순위
QueryString > form > cookies > serverVariables
반응형
저작자표시 비영리 변경금지

'공부 > ASP' 카테고리의 다른 글

쿠키  (0) 2011.05.26
Response 객체  (0) 2011.05.25
ASP 객체 모델  (0) 2011.05.24
[HTML]Form  (0) 2011.05.18
문자열 함수  (0) 2011.05.17
반응형
1.ASP는 서버 스크립트 언어
사용자로부터 웹 문서에 대한 요청을 받고, 요청 받은 문서는 절절한 서버스크립트 코드 해석 처리 후, 그 결과를 HTML 문서 형식으로 웹 브라우저에게 제공한다. 이때 사용자는 웹 문서에 대한 주소뿐만 아니라, 사용자의 입력 정보를 웹 서버에 보낼 수 있다. 이 사용자 입력정보의 전달 처리는 ASP 코드가 아닌 HTML의 Form태그가 그 역할을 담당한다.

2. 간단한 Form 예제
<html>
<body>

<h2>간단한 Form 태그 예</h2><hr>

<Form action = "result.asp" method = "post">
  이름 : <input type = "text" name = "name" ><p>
  성적 : <input type = "text" name = "grade" ><p>
<input type = "submit" value = "입력하기" >
<input type = "reset" value = "취소하기" >
</Form>

</body>
</html>


3. <Form> 태그와 </Form> 태그 단위로 서버에 전달
즉, 하나의 웹 페이지에 여러 개의 Form 태그를 사용하여 선별적으로 전달이 가능하다.


text 입력 필드
기본형식)
이름 : <Input type = "text" name = "name" >

submit 버튼과 reset 버튼
기본형식)
<Input type = "submit" value = "입력하기" >
<Input type = "reset" value = "취소하기" >

4. Form 태그 속성(action, method, enctype)

Action 속성 : 입력 값을 받을 페이지 지정
                   (Action 속성이 생략된 경우의 디폴트 값은 Form 태그가 정의된 문서 자신이된다.)
Method 속성 : 사용자 메세지 전송 방식을 지정 (Get, Post) - 기본값은 Get
Get : 입력 정보를 웹 서버에 요청하는 문서의 주소를 가리키는 URL에 더하여 서버로 전달
            Post : URL과 별도로 서버에 전달

Enctype 속성 : 입력 값 전송을 위한 encode 형식 지정
Enctype 속성은 전송하는 입력값의 encode 형식을 지정한다. 대부분의 경우 디폴드 값인 'application/x-www-form-urlencoded' 가 생략되어 있지만, 파일 업로드를 하게 되면 반드시 'multipart/form-data'로 enctype 속성 값을 지정해 주어야 한다.


5. Input 태그 속성
type 속성 : 텍스트, 라디오 버튼, 체크박스 등의 입력 필드의 특성을 지정
name 속성 : 입력 값의 구분자
value 속성 : 초기 값을 알려줌
size 속성 : 크기를 나타냄(기타 텍스트 입력 필드인 경우)
maxlength 속성 : 최대 글자수를 정해줌(기타 텍스트 입력 필드인 경우)

5. 라디오 버튼, 체크박스 및 Select 태그

Select 태그는 여러 개의 목록을 제공하고 하나 이상의 값을 선택하도록 제공하는 태그이다.

라디오 버튼 - 하나만 선택 하는 경우 사용
<Input type = "Radio" name = "Job" value="student" >학생

체크박스 - 동시에 여러 값을 선택하는 경우 사용
<Input type = "checkbox" name = "Job" value="student" >학생

목록에서 값 선택하기
  <Select name = "list" size = "1">
     <Option value="list1" > 목록1
     <Option value="list2" > 목록2
     <Option value="list3" > 목록3
</Select>


목록에서 다중값 선택하기
<Select name="listbox" size="3" multiple>
  <Option valuse="listbox1"> 목록1
 <Option valuse="listbox2"> 목록2
 <Option valuse="listbox3"> 목록3
</select>


반응형
저작자표시 비영리 변경금지

'공부 > ASP' 카테고리의 다른 글

ASP 객체모델 - Form 태그를 이용한 전송 정보 가져오기  (0) 2011.05.25
ASP 객체 모델  (0) 2011.05.24
문자열 함수  (0) 2011.05.17
프로시저  (0) 2011.05.17
제어문 및 반복문  (0) 2011.05.16

+ Recent posts

티스토리툴바