JS 练习：文本框点击时，里面的默认文字隐藏，鼠标离开文本时显示文字。

 js部分

    <script>
        var a = document.getElementById("mytext");
        a.onfocus=function(){
            if(a.value=="请输入用户名"){
                a.value =""
                a.type="password"
            }
        }
        a.onblur=function(){
            a.value="请输入用户名"
            a.type="text"
        }


    </script>

css部分

*{
    padding: 0px;
    margin: 0px;
}
.ipt{
    width: 200px;
    margin: auto;
}
.ipt input{
    height: 35px;
    line-height: 35px;
    border: 1px solid #999;
    margin: auto;
    display: block;
    width: 100%;
}

body部分

 <div class="ipt">
        <input type="text" id="mytext" value="请输入用户名"/>
    </div>