input 입력시 패스워드 표시
본문
type="password" 이외에
type="text"로 ●●●● 되게 할수 있나요?
입력란에 ●●●●로 표시되어야 하는 부분이 있는데 크롬에서 자꾸 저장하라는 문구가 떠서
이 현상을 해결하고 싶습니다.
답변 2
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");
})
답변을 작성하시기 전에 로그인 해주세요.