input 입력시 패스워드 표시

input 입력시 패스워드 표시

QA

input 입력시 패스워드 표시

본문

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");

})

 

답변을 작성하시기 전에 로그인 해주세요.
전체 234
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT