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 |
Tags
- Oracle
- 제이쿼리
- css
- JavaScript
- codeigniter
- 맥
- jquery
- 주식 청약 일정
- 오라클
- 주식 청약
- Stock
- Eclipse
- 자바
- 자바스크립트
- SQL
- IPO
- 공모주 청약 일정
- 공모주
- 6월 공모주 청약 일정
- 7월 공모주 청약 일정
- Stock ipo
- 리눅스
- linux
- MYSQL
- 코드이그나이터
- 주식
- 공모주 청약
- html
- java
- php
Archives
- Today
- Total
목록input file tag custom (1)
개발자의 끄적끄적
[javascript/jquery] 파일업로드 버튼 커스텀 방법
[javascript/jquery] 파일업로드 버튼 커스텀 방법] javascript 에서 파일 업로드를 다루다보면 input file 태그를 사용하는데 그러면 아래 이미지와 같이 보여집니다. 위와같은 문구를 안보이게 설정하고, [업로드] 라는 텍트스라 보이게 커스텀 하려면 아래와 같이 input file 태그에 display:none 스타일을 추가하고, label 태그를 추가하면 됩니다. [업로드] 그러면 아래 이미지와 같이 [업로드] 라는 텍스트로 변경됩니다! 원하시는 스타일이 있으시면 라벨에 스타일을 추가하시면 됩니다! 그리고 제일 중요한거!!! label 태그를 클릭했을때, 파일 업로드가 동작하게 하려면, for="file" 이 안에 값을 input file 태그의 id 와 동일하게 맞춰 주셔야 ..
개발/javascript & jquery
2023. 9. 14. 01:00