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
- 회고
- 코드스테이츠
- UX
- 프로젝트 매니저
- PO
- 회고록
- 자바스크립트
- 서비스기획
- jquery
- 서비스 기획자
- 스프링
- 코딩
- db
- 스프링부트
- SpringBoot
- kpt회고
- PM부트캠프
- PM
- 생활코딩
- 데이터분석
- CSS
- 서비스 기획
- tag
- 쇼핑몰
- html
- 프로덕트 매니저
- javascript
- 데이터
- UI
- 서비스분석
Archives
- Today
- Total
목록File (1)
콘텐츠기획자의 IT입문서
input type="file" 스타일 변경하기
- 문제점 - 은 파일 선택 버튼과 파일명이 출력되는 부분이 하나로 되어있기 때문에 스타일을 변경하고자 해도 생각한대로 잘 안된다. 이럴 경우 을 통해 스타일링을 해주면 된다! 1. label과 input을 연결한다. 2. input을 hidden 처리한다. 3. 스타일을 label에 적용한다. 나는 추가적으로 파일명을 노출 시키고 싶어서 이 부분은 스크립트로 작동되게 했다. jQuery만 썼더니 자바스크립트로 어떻게 작성해야할지 너무 헷갈린다..^_ㅠ (리액트 공부 전 다시 자바스크립트부터 공부해야겠다.) 에 변화가 있을 경우 에 파일명을 노출 시킬 것이라 에 onchange로 기능을 주었고 스크립트는 아래와 같이 작성해주었다. function addImg(){ var fileName = documen..
JavaScript
2022. 3. 5. 21:36