코딩의 시작, TCP School

◀ 이전 다음 ▶

<input> 태그의 accept 속성

HTML <input> 태그 ⇒

정의 및 특징

<input> 태그의 accept 속성은 서버로 업로드할 수 있는 파일의 타입을 명시합니다.

accept 속성에 하나 이상의 속성값을 명시할 경우에는 콤마(,)를 사용하여 구분합니다.

이러한 accept 속성을 유효성 검사를 도구로 사용해서는 안 되며, 업로드된 파일은 서버에서 검증되어야 합니다.

이 속성은 <input> 요소의 type 속성값이 “file”인 경우에만 사용할 수 있습니다.

문법

속성값

속성값		설명
파일 확장자		닷(.)으로 시작되는 파일 확장자 ex) .png, .jpg, .pdf, .hwp
audio/*		모든 타입의 오디오 파일이 허용됨.
video/*		모든 타입의 비디오 파일이 허용됨.
image/*		모든 타입의 이미지 파일이 허용됨.
미디어 타입		매개변수(parameter)를 가지지 않는 유효한 미디어 타입

예제

<form action="/examples/media/action_target.php" method="get">
    이름 : <input type="text" name="st_name"><br>
    학번 : <input type="text" name="st_id"><br>
    사진 : <input type="file" name="st_picture" accept="image/*"><br>
    <input type="submit">
</form>

코딩연습 ▶