Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- HTTP
- 자바스크립트
- 데이터규정
- JSTL
- 공문서작성규정
- 자바
- java annotation
- 데이터문서포맷
- Session
- Ajax
- 프로그래밍용어
- XML Core
- Request/Response Header
- 데이터포맷
- 데이터베이스
- Database
- Multipart
- xml
- Servlet
- xml mapping
- 카카오APi
- JSP
- XML DOM
- Java
- 웹프로그래밍
- 스프링프레임워크
- 반응형웹
- 세션
- JavaScript
- java컴파일
Archives
- Today
- Total
목록HTML (1)
KyungHwan's etc.
input type=file 버튼을 다른 버튼으로 대체해보기
input type=file 버튼을 다른 버튼으로 대체해보기기본 파일 버튼은 너무 단조롭고 스타일이 안좋은것 같아서 어떻게 하면 CSS를 먹일 방법을 많이 찾아보았다. 자바스크립트를 이용하거나, 레이블을 줘서 하는 방법들 여러가지 방법들이 있지만, 가장 쉬운 방법을 소개하려고 한다 file 타입의 태그를 style="display:none"로 하여 안보이게 한후, 사진추가CSS로 만든 div를 입히고 onclick="onclick=document.all.file.click()" 을 이용하여 파일버튼을 대체할수 있다.어떻게 보면 간단한 방법이면서도 쉬운원리를 이용하였다.
HTML
2018. 6. 21. 16:05