Form
.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 24. 10:57 |====================================== 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방식으로 전송하였을 경우 화면
'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글
| 25. HTML 태그 정리 (0) | 2009.07.24 |
|---|---|
| 24. 메타태그 (0) | 2009.07.24 |
| 22. I프레임(인라인 프레임) (0) | 2009.07.24 |
| 프레임 (0) | 2009.07.23 |
| 테이블태그기타 (0) | 2009.07.23 |
