input 입력시 패스워드 표시

input 입력시 패스워드 표시

QA

input 입력시 패스워드 표시

답변 2

본문

type="password" 이외에

type="text"로 ●●●● 되게 할수 있나요?

 

입력란에 ●●●●로 표시되어야 하는 부분이 있는데 크롬에서 자꾸 저장하라는 문구가 떠서

이 현상을 해결하고 싶습니다.

이 질문에 댓글 쓰기 :

답변 2

https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-security

 

참고하시면 좋을 듯 합니다

https://stackoverflow.com/questions/22457344/masking-input-characters-without-type-password

 

위 링크에서 안내하는 방법도 괜찮아 보입니다.

 

또는 페이지 로딩시에 input type을 text로 했다가 1글자 이상 입력시 type을 password 로 바꾸라는 방법도 있네요

<input type="text" id="text_field">

 

바닐라 JavaScript 사용

var text_field = document.getElementById("text_field");

    text_field.addEventListener("input",function(e){

    if(e.target.value.length > 0) text_field.setAttribute("type","password");

    else text_field.setAttribute("type","text");

})

 

Jquery 사용

$("#text_field").on("input",function(){

     if($(this).val().length > 0) $(this).attr("type","password");

     else $(this).attr("type","text");

})

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 125,873
© SIRSOFT
현재 페이지 제일 처음으로