input 비밀번호 표시 눈 모양 on/off

CSS 24.11.04

비밀번호 입력 필드에 사용되는 "눈" 아이콘은 비밀번호 표시/숨김 기능을 제공합니다.

 이 아이콘을 클릭하면 비밀번호를 표시(On)하거나 숨김(Off)으로 전환할 수 있습니다. 


사용자 경험을 개선하는 주요 UI 요소로, 입력 중 비밀번호 확인이 필요할 때 유용합니다. 

기본적으로 비밀번호는 보안상의 이유로 숨김 처리됩니다. 


눈 아이콘을 활성화하면 비밀번호가 보이도록 설정되며, 이를 통해 사용자가 입력한 비밀번호를 검토하고 정확성을 확인할 수 있습니다.


[예제]

See the Pen input password eyes by designkits (@designkits) on CodePen.

목록으로
© 디자인키트