회원가입 양식이나 기타 양식에서 비밀번호를 입력할 때 글자 대신에 별표나 가운데 점이 표시되도록 하고 싶은 경우가 있을 수 있습니다.
이 경우에 javascript나 jQuery를 사용할 수 있습니다. 아래는 이 경우에 사용 가능한 jQuery 코드입니다. Show 옆의 체크박스를 표시하면 글자가 표시되고, 체크박스의 선택을 해제하면 글자가 가운데 점으로 표시됩니다.
$(document).ready(function(){ $("#toggle").change(function(){ // Check the checkbox state, 체크박스 상태 체크 if($(this).is(':checked')){ // Changing type attribute $("#password").attr("type","text"); // Change the Text, 텍스트 변경 $("#toggleText").text("Hide"); }else{ // Changing type attribute, 입력 속성 변경하기 $("#password").attr("type","password"); // Change the Text, 텍스트 변경하기 $("#toggleText").text("Show"); } }); }); // Source: makitweb.com
일부 제한이 있지만 stackoverflow 글도 참고해볼 수 있습니다.