input accept 속성사용기

정의

type 속성이 File Upload state일 경우 accept 속성을 활용하여 서버에서 수용하는 파일의 타입에 대해 사용자 에이전트가힌트를 주도록 할 수 있습니다.

속성 값

콤마로 구분된 예약어 목록입니다. 각각의 예약어들은 다음 중 하나와 매칭되어야 합니다.(대소문자는 구분하지 않습니다.)

• audio/* : 사운드 파일을 허용함을 나타냅니다.
• video/* : 비디오 파일을 허용함을 나타냅니다.
• image/* : 이미지 파일을 허용함을 나타냅니다.
• 매개변수 없는 유효한 마임 타입(valid MIME type with no parameters)

예약어들은 중복될 수 없습니다. 이 중복을 체크할때는 대소문자를 구분하지 않습니다. (audio/* 와 Audio/* 는 중복입니다.)

예제

예제1

<p><label>프로필 사진: <input type="file" name="profile" accept="image/*"></label></p>

Opera 11 에서 실행화면

예제1은 모든 이미지 형태의 파일을 힌트로 보여줍니다.

예제2

<p><label>동영상: <input type="file" name="profile" accept="video/mp4"></label></p>

Opera 11 에서 실행화면

예제2는 'mp4' 형식의 동영상 파일을 힌트로 보여줍니다.

예제3

<p><label>지원서: <input type="file" name="profile" accept="application/msword"></label></p>

Opera 11 에서 실행화면

예제3은 MS Word 파일을 매개변수 없는 유효한 마임 타입(valid MIME type with no parameters) 지정함으로 해당 파일을 힌트로 보여줍니다.

출처: http://html5ref.clearboth.org/html5:attribute:accept_input