请问各位老大，文本框type属性有用吗？

Question

<SCRIPT LANGUAGE="JavaScript">
<!--
function changetype(e){
    if(e.type=='text'){
         e.outerHTML='<input size=10  name="textfield2" type=password value=""  onblur="changetype(this)">';
     e.focus();
}else if(e.value==''){
     e.outerHTML='<input size=10  name="textfield2" type=text value="密 码" onfocus="changetype(this);" >';
}
return false
}
//-->
</SCRIPT>
<input id=submit type=button value=submit onclick="form1.submit();form2.submit();" >
<input size=10  name="textfield2" type=text value="密 码" onfocus="changetype(this)" >

Answer 1

<input size=10 type=password name="textfield2" class="smallInput" value="密 码">

Answer 2

<script>
function changetype(obj)
{
document.all.textfield2.style.display="block";
document.all.textfield2.focus();
obj.style.display="none";
}
</script>
<input type=text size=10  onfocus=changetype(this) name="textfield" class="smallInput" value="密 码">
<input style="display:none" type=password size=10 name="textfield2" class="smallInput" onblur="document.all.textfield.value=this.value">

Answer 3

<script>
<!--
function showpwd(){
div1.style.visibility="hidden";
div2.style.visibility="visible";
}
//-->
</script><div id="div1" style="position:absolute;left:10 px;top:10 px;"><input id="ipt1" name="ipt1" type="password" onblur="ipt2.value=this.value;"></div>
<div id="div2" style="position:absolute;left:10 px;top:10 px;visibility:hidden;"><input name=ipt2 id=ipt2></div>
<br><button onclick=showpwd()>显示密码</button>

Answer 4

<script>
<!--
function showpwd(){
div1.style.visibility="hidden";
div2.style.visibility="visible";
}
//-->
</script><div id="div1" style="position:absolute;left:10 px;top:10 px;"><input id="ipt1" name="ipt1" type="password" onblur="ipt2.value=this.value;"></div>
<div id="div2" style="position:absolute;left:10 px;top:10 px;visibility:hidden;"><input name=ipt2 id=ipt2></div>
<br><button onclick=showpwd()>显示密码</button>