Form

====================================== Login.htm =============================================


<form
    id="Loginform"
    name="LoginForm"
    action="LoginProcess.aspx"
    method="post">

<pre>
아이디 : <input type="text" name="txtID" size="10"/> (텍스트박스)
이름: <input type="text" name="txtName" maxlength="3" value="홍길동" readonly="readonly"/> (텍스트필드)
암호 : <input type="password" name="txtPwd" /> (패스워드필드)
성별 : (라디오버튼:단일선택)
    남<input type="radio" name="optGender" checked="checked" /> 여<input type="radio" name="optGender"/>
취미 : (체크박스:다중선택)
    농구 <input type="checkbox" name="chkHobby" value="B"/>
    축구 <input type="checkbox" name="chkHobby" value="S" checked="checked" />
    배구 <input type="checkbox" name="chkHobby" value="V" disabled="disabled" checked="checked" />
직업 : (콤보박스/드롭다운리스트:다중/단일선택)
    <select name="lstJob" size="1">
       <optgroup label="기본">
        <option>회사원</option>
       </optgroup>
        <option>공무원</option>
    </select>
주소: (리스트박스:다중/단일선택)
    <select name="lstAddr" size="4" multiple="multiple">
    <option value="S">서울</option>   
    <option value="K">경기</option>   
    <option value="인천">인천</option>   
    </select>
소개 :
<textarea cols="40" rows="5" name="txtIntro"></textarea> (멀티라인 텍스트박스)
사진업로드 : <input type="file" name="txtFile" /> (파일필드/파일업로드)
<input type="hidden" name="hdnSite" value="닷넷코리아"/> (히든필드)
<input type="submit" value="회원가입" /> <input type="reset" value="취소" />
<input type="button" value="일반버튼(JS에서사용)" />
<input type="image" src="./images/2.jpg" />
</pre>

</form>

<a href="LoginProcess.aspx?txtID=red&txtPwd=1234">
GET 방식으로 서버측으로 데이터 전송
</a>

//
- Login.htm --> 입력페이지
- form 태그가 없으면 실행되지 않음. HTML 레벨에서 눈에 보이지 않음.
- form 태그는 크게 3가지 속성 가짐 : name(폼이름), id, action(어디로 보낼건가, 경로, 실행되는 페이지지정). 대소문자 구분
- method : get/post (폼 태그는 post 방식으로 전송)
          post : HTTP 헤더에 담아서 전송. 눈에 보이지 않게 전송. 폼으로 입력할 때. 보안이 필요한 정보.많은 양의 데이터를 전달할 경우에 쓰임.
          get : ?(물음표) 뒤의 쿼리스트링에 담아서 전송. 주소창에 포함되어서 보내짐.(보안상 위험하다.)링크로 입력할 때. 간단한 정보를 보낼때 쓰임.
 - input 태그는 name, type 속성이 반드시 필요함. name속성은 대소문자 구분함.
- <select name="lstAddr" size="4" multiple="multiple"에서 multiple: 여러항목 선택가능"
- '파일필드'는 모양 변경 불가능하다.   
- '히든필드'는 개발자가 필요한 내용을 눈에 보이지 않게 전송할때 쓰임.
- enctype : 자료실 만들 때 사용
- HTML 레벨에서는 모양만드는 것은 가능하나 비주얼적인 부분은 불가능. 
  모양 예쁘게 하려면 스타일 시트 이용.
  경고창은 자바스크립트 이용. 
  DB 저장이나 추가적인 기능은 서버측 언어(C#, ASP) 이용
  위의 내용을 다 조합하고 이용해야 함.

====================================== 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["chkHobby"] + "<br />");
 %>

- LoginProcess.aspx --> 출력페이지이다.(Login.htm 페이지에서 값을 넘겨 받아 보여줌)


< 실행결과 >

--> get방식으로 전송하였을 경우 화면