HTML <input> accept 属性

HTML <input> 태그

定义和用法

accept 属性为用户可以从文件输入对话框中选择的文件类型规定一个过滤器。

accept 属规定的是能够通过文件上传进行提交的文件类型。

注意：accept 属性只能与 <input type="file"> 一起使用。

안내:请不要将此属性用作验证工具。文件上传应在服务器段进行验证。

实例

规定用户可以从文件输入对话框中选择的文件类型：

<form action="/action_page.php">
  <label for="img">请选择图片：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

직접 테스트해 보세요

문법

<input accept="file_extension|audio/*|video/*|image/*|media_type">

안내:여러 값을 지정하려면 콤마로 구분합니다(예 <input accept="audio/*,video/*,image/*" />。

속성 값

값 설명
file_extension 사용자가 선택할 수 있는 파일 확장자를 정의합니다(예: .gif, .jpg, .png, .doc)
audio/* 사용자가 모든 오디오 파일을 선택할 수 있습니다
video/* 사용자가 모든 비디오 파일을 선택할 수 있습니다
image/* 사용자가 모든 이미지 파일을 선택할 수 있습니다
media_type

파라미터가 없는 유효한 미디어 타입.

표준 미디어 타입의 전체 목록을 얻으려면 IANA 미디어 타입을 확인하십시오.

브라우저 지원

표에 수록된 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

챠ROME 에지 파이어폭스 사파리 오퍼라
챠ROME 에지 파이어폭스 사파리 오퍼라
26.0 10.0 37.0 11.1 15.0

HTML <input> 태그