22.XHTML- Form

FORM이란 ?
입력 받은 내용을 처리하는 것으로 서버와 클라이언트를 연결(의사소통) 하는 역활로 사용자로 부터 입력 받기 위해서 사용되는 태그 입니다.

<FORM>태그 속성

NAME : 양식의 이름 정의 (NAME 또는 ID)
METHOD : GET/POST 두가지 선택
                  GET : 사용자의 입력내용이 서버쪽 환경변수 Query_String에 넘어간다.

       ※GET 방식으로 보내게 되면  Query문으로 보내지게 되어 입력정보가

                     주소 창에 보여지게 된다. GET 은 경로를 표현하는데 좋다.
                  POST : 표준입력을 이용하여 서버쪽에 전달.(대용량시 POST)
ACTION : 서버쪽에서 실행될 프로그램의 URL을 지정한다. 값이 보내질 URL을 지정
                ※FORM에는 하나의 ACTION 값만 존재.

양식의 시작과 끝을 정의하고 폼 양식 안에서 작성한다.

<INPUT>종류

                        TEXT : 한 줄 텍스트 입력상자
                              PASSWORD : 암호 텍스트 입력창 (비밀번호)
                        TEXTAREA : 여러 줄 텍스트 입력상자
                                                   COLS(문자 단위) , ROWS(행단위)
                        RADIO : 단일선택
                        CHECKBOX : 다중선택
                        BUTTON : 일반버튼 (Javascript에서 많이 사용)
                        SUBMIT : 서버쪽 프로그램 실행, 전송버튼
                        RESET : 입력한 값 초기화 ( 예: 재 입력)
                        IMAGE : 이미지버튼
                        FILE : 파일 업로드
                        HIDDEN : 서버프로그램 수행을 위해 전송되어야 할 값이지만
                                              브라우저에 표시하지 않도록 할 경우 사용

---

<SELECT>

                        SIZE : 선택 목록 갯수
                              MULTIPLE : 다중 선택 가능
                                                   ※SIZE + MULTIPLE 사용시 리스트박스 모양
                        SELECTED : 미리 선택될 항목 설정
                        OPTION : 선택 목록 열때 사용

---

간단하게 FORM에서 입력한 값을 전송해 출력하는 것을 보도록 하겠습니다.
작업 환경 : Visual Web Developer 2008
새 항목추가-"WebForm"선택
파일 이름 : "LoginProcess.aspx"- 다른파일에 코드입력 해제 후 추가
새 항목추가-"HTML페이지"선택 파일이름 : "LoginForm.htm"
FORM 작성시 주의해야할 사항
FORM NAME = "LoginForm" ACTION="LoginProcess.aspx" 입력하세요.
form에 기본적인 양식을 작성

---

추가 설명
LoginProcess.aspx에 있는 코드들 모두 삭제 후 작성해주세요.

<%@ Page Language="C#" %>
<%
    Response.Write("<h3>입력하신 자료...</h3>");
    Response.Write("아이디 :" + Request["txtID"]+"<br />");
    Response.Write("이  름 :" + Request["txtName"]+"<br />");
    Response.Write("암  호 :" + Request["txtPwd"]+"<br />");
    Response.Write("취  미 :" + Request["chk1"] + "<br />");
%>

입력한 주소 결과를 보고 싶을때 Response.Write(Request["주소값 이름"]) 을 추가

---

Login.htm에 추가 설명 있습니다.

22.Form.zip