jquery点击输入框提示文字消失输入文字变色

 

<input name="" type="text" value="请填写学校全称" class="txt">
<input name="" type="text" value="规范,如:一(1)班" class="txt">
<input name="" type="text" class="txt" value="请填写真实姓名">
<input name="" type="text" class="txt" value="请填写联系方式">
<input name="" type="text" class="txt" value="规范,如:《我的我的祖国》">
<script>
        $(function () {
            $('.txt').bind({
                focus:function(){
                    if (this.value == this.defaultValue){
                        this.value="";
                        this.style.color='#000'
                    }
                },
                blur:function(){
                    if (this.value == ""){
                        this.value = this.defaultValue;
                        this.style.color="#999"
                    }
                }
            });
        })

    </script>

 

posted @ 2019-08-28 16:14  Koidt  阅读(511)  评论(0编辑  收藏  举报