글 제목이 좀 긴데,
여기 XETOWN 로그인 윈도우에서
이메일 주소 input box를 클릭하면 placeholder text인 '이메일 주소'글자 크기가 작아지면서 input box 좌상단에 표시되는데
이 기능 어떻게 구현하는 건지 궁금합니다 ㅎ
멋있어 보여서 제 웹에도 넣고 싶네요.
위와 같은 걸 처음 본 건 아이허브(iherb.com) 사이트였는데, 그때부터 신기하더라구요 :)
글 제목이 좀 긴데,
여기 XETOWN 로그인 윈도우에서
이메일 주소 input box를 클릭하면 placeholder text인 '이메일 주소'글자 크기가 작아지면서 input box 좌상단에 표시되는데
이 기능 어떻게 구현하는 건지 궁금합니다 ㅎ
멋있어 보여서 제 웹에도 넣고 싶네요.
위와 같은 걸 처음 본 건 아이허브(iherb.com) 사이트였는데, 그때부터 신기하더라구요 :)
https://stackoverflow.com/questions/35942247/how-to-move-placeholder-to-top-on-focus-and-while-typing
위 링크에 있는 방법 맞나요? 자바스크립트 기능일 줄 알았는데, CSS를 이용하는 거네요.
https://jsfiddle.net/273ntk5s/2/