웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > html

input 태그 accept 속성 사용하는 방법은?

Last Modified : 2017-12-05 / Created : 2017-05-17
8,119
View Count
파일 업로드시 input 태그를 많이 사용

input 태그 accept 속성 사용하는 방법은?

<input accept="image/*" />
<input accept="video/*" />
<input accept="audio/*" />

<input accept=".txt, .doc, .docx" />
accept 속성값으로 아래와 같이 사용 가능합니다.
  • media_type
  • extension name
  • image/*, video/*, audio/*


UI에서 바로 해당 파일 목혹만 접근해주는 장점이 있음. 예를들어 이미지로 설정된 경우 탐색기 또는 모바일 파일검색시 이미지로 필터링이 적용됨...


위 속성은 IE 10 이상에서 가능합니다. 또한 HTML 4.01, HTML5의 값이 차이가 있습니다.


Previous

label 태그를 사용하는 다양한 방법

Previous

meta viewport 속성 shrink-to-fit