Project/어스마켓
-
[🌏어스마켓 프로젝트] input 자동완성 끄기, useForm reset, SVG 효과Project/어스마켓 2022. 2. 17. 02:04
1. input 자동완성 기능 끄기 input 창에 이전에 테스트용으로 작성한 텍스트들이 뜨는 것을 일일이 지우기 귀찮았다... 사용자의 편의를 돕기 위해 브라우저가 기억해두는 고마운 기능이지만 레이아웃, 디자인을 방해하는 요소로 작용하기도 한다. 위에 사진은 프로젝트 post 페이지 안에 댓글 입력창 부분이다. 자동완성 기능을 사용해서 댓글을 입력했고, input 선택 영역이 padding 값을 포함한다는 것을 알게 되었다. 우선 margin 값으로 변경해서 영역 문제는 해결했고, 텍스트가 계속 쌓이면서 UI를 헤치고 있어서 자동완성 기능을 없애는 방향을 선택했다. 📁 autocomplete="off" : 자동 완성 기능을 없애는 방법 input 태그 안에 autocomplete 속성을 off로 설정..