<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01//en" "HTTP://WWW.W3.ORG/TR/HTML4/STRICT.DTD" >
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Production </title>
<style type= "Text/css" >
</style>
<body>
<input name= "" type= "text" value= "password" class= "inputtext_1" id= "TX" style= "width:100px;" />
<input name= "" type= "password" style= "display:none;width:100px;" id= "pwd"/>
<script type= "Text/javascript" >
var tx = document.getElementById ("TX"), PWD = document.getElementById ("pwd");
Tx.onfocus = function () {
if (this.value! = "password") return;
This.style.display = "None";
Pwd.style.display = "";
Pwd.value = "";
Pwd.focus ();
}
Pwd.onblur = function () {
if (This.value! = "") return;
This.style.display = "None";
Tx.style.display = "";
Tx.value = "password";
}
</script>
</body>
JS modifies the type attribute problem of input (compatible with all browsers, primarily for the effect of the default hint text for the password Class)