JavaScript事件，例如onclick和onload

Question

如何使用javascript显示以下内容1.以文本形式显示密码，并在单击“重置”按钮后显示后应星号2.在单击“密码”文本框时应为空白

Answer 1

I think this should do it: 我认为应该这样做：

<html>
    <body>
        Password Box: <input type="text" onBlur="this.type='password'" onFocus="this.value=''; this.type='text'" />
    </body>
</html>

Demo at http://jsfiddle.net/8jbPd/3/ 演示位于http://jsfiddle.net/8jbPd/3/

Answer 2

Anwser to your 2nd Qs : 回答第二个问题：

$('#password').bind('focusin', function(){
        if($(this).text() == 'Password')
        {       
            $(this).text('');
        }   
    });

    $('#password').bind('focusout',function(){      
        if($(this).text() == '')
        {
            $(this).text('password');
        }   
    })

Answer to your 1st Qs (haven't tested though) 回答您的第一个问题（虽然尚未测试）

<html>

<head>
<title></title>
<script language="JavaScript" type="text/javascript">
<!--

var Obj,PassWord,Star,Nu;

function Enter(){
Obj=document.getElementById('passw');
PassWord=Obj.value;
if (PassWord.length<8){
alert('Minimum of Eight Charactors');
return;
}
document.getElementById('mypassw').value=PassWord;
Star='*';
Nu=1;
Change();
}

function Change(){
Obj.value=Star+PassWord.substring(Nu,PassWord.length);
Star+='*';
Nu++;
if (Nu<PassWord.length){ setTimeout('Change()',500) }
else {
Obj.value=Star;
Obj.setAttribute('disabled','disabled');
Obj.style.backgroundColor='silver';
}
}

//-->
</script>
</head>

<body>
<input id="passw" size="10"><input type="hidden" id="mypassw" name="mypassw" size="10">
<input type="button" name="" value="Enter" onclick="Enter();" >
</body>

</html>

JavaScript事件，例如onclick和onload

问题描述

2 个解决方案

解决方案1
3 2012-03-06 10:34:59

解决方案2
0 2012-03-06 10:36:48

JavaScript事件，例如onclick和onload

问题描述

2 个解决方案

解决方案1 3 2012-03-06 10:34:59

解决方案2 0 2012-03-06 10:36:48

解决方案1
3 2012-03-06 10:34:59

解决方案2
0 2012-03-06 10:36:48