제 9강 - Input 태그: File, Image

FILE 사용형식

<INPUT TYPE="FILE" 
NAME="name"(반드시 필요)
VALUE="value" 
> 

설명

파일을 업로드 하기위한 파일 선택버튼(Browse)을 만든다. 파일 업로드를 사용하기 위해서 FORM 태그의 ENCTYPE을 반듯이 multipart/form-data로 해야 한다. 예 HTML 소스

소스를 간단히 하기위해 정렬태그와 테이블 태그를 생략했다. 따라서 실제결과는 화면과 약간 다를 수도 있다.

<FORM METHOD="POST" ACTION="/cgi-bin/env.cgi" 
						ENCTYPE="multipart/form-data">
업로드할 파일명: <INPUT TYPE="FILE" NAME="FILENAME">
</FORM>

출력결과 IMAGE 사용형식

<INPUT TYPE="IMAGE" 
ALIGN="LEFT"|"RIGHT"|"TOP"|"ABSMIDDLE"|"ABSBOTTOM"|"TEXTTOP"|"MIDDLE"|"BASELINE"|"BOTTOM" 
NAME="name"
SRC="Location" 
>

설명

이미지 맵을 구현하는데 사용되며 지정된 이미지를 클릭하면 선택된 부분의 죄표값이 CGI 프로그램에 전달된다. 요즘은 image map보다는 Submit 버튼 대신에 사용된다. 예 HTML 소스

소스를 간단히 하기위해 정렬태그와 테이블 태그를 생략했다. 따라서 실제결과는 화면과 약간 다를 수도 있다.

<FORM ACTION="/cgi-bin/env.cgi">
<table border="0" cellpadding="0" cellspacing="3">
<TR>
	<TD><input type=text name=name size=30></TD>
	<TD><input type=image src=write.gif></TD>

</TR>
</table>
</FORM>

출력결과