티스토리 뷰

IT 관련/FrontEnd

TAG :: FORM

서관실 2009. 3. 11. 11:21

Form은 HTML 페이지에서 값을 입력받고 전송하기 위해 사용되는 태그이다.
가장기본이 되며 사용자의 입력처리를 위해서는 반듯이 사용되는 중요한 태그이므로 반듯이 익혀두자~

[기분구조]
<FORM>
<INPUT TYPE="유형" NAME="전송할 변수명" VALUE="전송할 값" />
</FORM>

FORM 의 시작과 끝을 알리고 TAG의 내부에
INPUT, SELECT, TEXTAREA 와 같은 태그를 조합하여 사용된다.

FORM 태그의 속성
  • NAME         :: 폼의 이름 (Javascript로 접근할때 사용된다)
  • ACCEPT     :: MIME TYPE을 콤마를 이용하여 구분
  • ACTION      :: 폼을 전송받을 페이지주소
  • ENCTYPE   :: 서버전송에 필요한 MIME TYPE 설정
  • METHOD     :: 전송처리방법 설정 [GET / PUT / POST]
  • TARGET      :: 입력폼의 프레임명


FORM 내부태그의 종류

<input type="text" size="20" maxlength="20" />

한줄 텍스트
<input type="password" size="20" maxlength="20" /> 암호입력
<textarea cols="18" rows="3"></textarea> 여러줄 텍스트

<select>
     <option value='1" selected>1학년</option>
      <option value="2">2학년</option>
</select>

목록상자
등산 낚시 <input type="checkbox" /> 등산
<input type="checkbox" /> 낚시
선택(체크)
남자 여자 <input type="radio" /> 남자
<input type="radio" /> 여자
선택(라디오)

<input type="file" size="10" /> 파일업로드

<input type="hidden" /> 숨김 상자
<input type="button" value="버튼" /> 버튼
<input type="submit" value="전송버튼" /> 전송버튼
<input type="reset" value="리셋" /> 리셋버튼
[이미지] <input type="image" border="0" src="write.gif" /> 이미지버튼

내부태그의 속성
  • NAME          :: 전송할 변수명
  • VALUE          :: 변수에 저장될 값
  • CHECKED      :: 체크박스, 라디오버튼 등에서 선택여부를 지정
  • SELECTED    :: SELECT- OPTIONS 에서 사용되며 선택을 지정한다.
폼태그의 기초 사용법 종료~

'IT 관련 > FrontEnd' 카테고리의 다른 글

정통부 주민등록번호 체크 JavaScript  (0) 2009.03.12
메타태그  (0) 2009.03.12
TAG :: Table  (0) 2009.03.11
Internet Explore Javascript Event  (0) 2009.03.11
DTD(Document Type Definition) 기초~  (0) 2009.03.09
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함