글
비밀번호 보이기 /숨기기
안녕하세요?
오늘은 비밀번호를 숨기기 또는 보기로 토글하는 소스입니다. 저도 전부는 다 이해못하겠고 대충만 알수 있습니다. 근데 이 소스가 어디에 사용가능할지는 잘 모르겠네요.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>블루비</title>
</head>
<body>
<html>
<head>
<style>
body,input{font:menu}
</style>
</head>
<body>
<form method="POST" action="addcheck.asp" name="forms">
<span id=box><input type="password" name="password" size="20" value="비밀번호를입력"></span> <!-- 패스워드 텍스트 박스를 만듭니다 -->
<span id=click><a href="javascript:ps()">보기</a></span> <!-- 보기를 클릭하면 ps()함수를 호출합니다 -->
<script language="JavaScript">
function ps(){
if (this.forms.password.type="password")
box.innerHTML="<input type=\"html\" name=\"password\" size=\"20\" value="+this.forms.password.value+">";
click.innerHTML="<a href=\"javascript:txt()\">숨기기</a>"}
<!-- box.innerHTML로 패스워드 텍스트 박스를 생성하고 txt()함수를 클릭시 호출합니다. -->
function txt(){
if (this.forms.password.type="text")
box.innerHTML="<input type=\"password\" name=\"password\" size=\"20\" value="+this.forms.password.value+">";
click.innerHTML="<a href=\"javascript:ps()\">보기</a>"}
<!-- 위와 반대되는 기능을 합니다. -->
</script></form>
</body>
</html> </body>
</html>
실행은 직접 해보시고 그럼 다음시간에 또 만나요~
'Java Script' 카테고리의 다른 글
| 입력박스에 글자가 흘러갑니다. (0) | 2012.01.03 |
|---|---|
| 체크해야 입력할수 있는 폼 (0) | 2011.12.29 |
| BMI 계산하기 (0) | 2011.12.22 |
| 지정한 시간 후에 함수 실행 (0) | 2011.12.18 |
| F1누르면 도움말 불러오기 (0) | 2011.12.13 |
