HTML <입력> 속성 허용

❮ HTML <입력> 태그

예시

사용자가 파일 입력 대화 상자에서 선택할 수 있는 파일 형식을 지정합니다.

<form action="/action_page.php">
  <label for="img">Select image:</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

정의 및 사용

속성 은 accept사용자가 파일 입력 대화 상자에서 선택할 수 있는 파일 형식에 대한 필터를 지정합니다.

참고: 속성 accept은 에서만 사용할 수 있습니다 <input type="file">.

팁: 이 속성을 유효성 검사 도구로 사용하지 마십시오. 파일 업로드는 서버에서 검증되어야 합니다.


브라우저 지원

표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

Attribute
accept 26.0 10.0 37.0 11.1 15.0

통사론

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

팁: 둘 이상의 값을 지정하려면 값을 쉼표로 구분합니다(예: <input accept="audio/*,video/*,image/*" />.

속성 값

Value Description
file_extension Specify the file extension(s) (e.g: .gif, .jpg, .png, .doc) the user can pick from
audio/* The user can pick all sound files
video/* The user can pick all video files
image/* The user can pick all image files
media_type A valid media type, with no parameters. Look at IANA Media Types for a complete list of standard media types

❮ HTML <입력> 태그