jQuery | javascript | CSS

22.XHTML- Form

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

<FORM>태그 속성

<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에 추가 설명 있습니다.

                                            
반응형