<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 폼컨트롤 연습 </TITLE>
</HEAD>
<BODY>
<!-- 텍스트 입력상자 -->
<form name=myform>
이름:<input type=text name=nm style="border:1px solid red"><BR>
주소:<input type=text name=juso size=50><BR>
주민번호:<input type=text name=jumin1 size=6 maxlength=6>-
<input type=password name=jumin2 size=7 maxlength=7><BR>
우편번호:<input type=text name=zip1 size=3 maxlength=3 readonly>-
<input type=text name=zip2 size=3 maxlength=3 readonly><BR>
<hr><!-- 수평선 긋기 -->
<input type=button value="누르시오!!"><BR>
<!-- 라디오버튼 (오로지 1개만 선택가능) -->
남<input type=radio name=gender checked>
여<input type=radio name=gender>
<BR>
무통장결제<input type=radio name=account>
신용카드결제<input type=radio name=account checked>
핸드폰결제<input type=radio name=account>
<BR>
<!-- 체크박스(여러개동시선택 가능) -->
좋아하는 과일?
<input type=checkbox name=fruit1 checked>사과
<input type=checkbox name=fruit2>수박
<input type=checkbox name=fruit3>포도
<BR>
<!-- 목록상자 -->
<select name=city>
<option>서울
<option selected>부산
<option>대전
</select>
<!-- 입력영역(텍스트상자보다 큰것) -->
<textarea cols=50 rows=5 name=letter>
여기에 글남겨주세요..
</textarea>
<input type=submit><!-- 전송단추 -->
<input type=reset><!-- 취소단추 -->
<input type=hidden value="seoul"> <!-- 숨겨진값 -->
<!-- 이미지삽입(기본적으로 submit속성을 갖고있음) -->
<img src="../images/fruit1.jpg">
<INPUT TYPE="image" SRC="../images/fruit1.jpg">
</form>
</BODY>
</HTML>
--------------------------------------------------------[폼 요소]
- name : 폼의 이름
- method : get방식
. 사용자가 입력한 내용이 그대로 URL에 노출
. 보내는 자료의 용량이 비교적 적음
. 주민번호,비번,은행계좌번호등은 get방식으로 하면 안됨.
- method : post방식
. 사용자가 보내는 내용이 암호형태로 변환된후 서버에 전송
. 보내는 자료를 많이 보낼수 있다.
. 일반적으로 많이 사용되고 있다.
(주민번호,비번등은 필수로 post방식을 사용해야 한다)
- action : 사용자가 요청한 정보를 처리해 주는 파일을 기재한다.
- enctype='multipart/form-data'
파일업로드할때 사용하는 기능
'..열심히 공부하세.. > HTML문법' 카테고리의 다른 글
| mystyle.css (0) | 2008.10.30 |
|---|---|
| 스타일 (0) | 2008.10.30 |
| 여러가지 태그들 (0) | 2008.10.30 |
| table 표연습2 (0) | 2008.10.30 |
| table 표연습 (0) | 2008.10.30 |