반응형
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
사용자로부터 웹 문서에 대한 요청을 받고, 요청 받은 문서는 절절한 서버스크립트 코드 해석 처리 후, 그 결과를 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>
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>
반응형