HOME > html

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

Last Modified : 2017-12-05 / Created : 2017-05-17
6237
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의 값이 차이가 있습니다.


Author ByTypeAll

이전 글 보기

Post thumbnail Button 태그 사용방법 및 활용하는 방법들은?

다음 글 보기

meta viewport 속성 shrink-to-fit Post thumbnail