html input 태그에서 비밀번호 표시 여부 설정하기

자바스크립트 전체 링크

 

구글 로그인에 보면 비밀번호를 표시할 수 있는 check 버튼이 있다.

 

체크박스를 누를 경우

type이 password → text로,

autocomplete가 current-password → off 로 변하는 것을 알 수 있다.

 

 

<input
  type="password"
  id="password"
  name="password"
  placeholder="비밀번호"
  className="input-pw"
  autocomplete="current-password"
/>

 

<input
  type="text"
  id="password"
  name="password"
  placeholder="비밀번호"
  className="input-pw"
  autocomplete="off"
/>