반응형
첨부파일에 특정 확장자만 첨부하려고 할 때
먼저 첨부파일을 첨부하려고 하면 모든 확장자가 조회되는 것이 아니라
일부만 보이는 것을 본적이 있을 것이다.
그것이 바로 input 태그의 accept 속성을 이용한 것
pdf 파일만 보이게 하기
<input type="file" accept=".pdf">
excel 파일만 보이게 하기
<input type="file" accept="application/vnd.ms-excel">
두 개 이상의 타입을 지정하고 싶을 때는 , 로 연결하면 된다.
<input type="file" accept="application/vnd.ms-excel, .pdf">
그 외의 궁금한 타입은 아래의 사이트에서 찾아보면 된다.
반응형
'HTML5' 카테고리의 다른 글
[HTML] label/input 태그 정리 (웹 접근성) (0) | 2021.10.26 |
---|---|
종합 예제 2 (0) | 2020.11.03 |
Chapter08 반응형 웹 (0) | 2020.11.03 |
연습문제 8-5 반응형 웹 (0) | 2020.11.03 |
chapter 07 다양한 레이아웃의 구성과 기능, 연습문제 (0) | 2020.11.02 |