HTML&React Tip 모음

낭만개발자·2022년 4월 3일
0

React

목록 보기
6/7

input type file 속성 꾸미기
<label 태그에 htmlFor 속성 사용하면 id와 그룹을 만들 수 있다.
위 코드는 id="file" 이란 그룹을 label tag와 형성하고, input tag style에 display:none으로 안보이게 하면 <label 태그 내에 <Publish 아이콘으로 클릭시 파일 업로드 속성을 사용할 수 있다.

구체적 ref:https://dasima.xyz/html-label/

before

after

아이콘 클릭시!

profile
낭만닥터와 슬의를 보고 저런 개발자가 되어야 겠다고 꿈꿔봅니다.

0개의 댓글