Input文本框設置和移除默認值

1.可以用簡單的方式,就是給input文本框加上onfocus屬性,如下代碼:

     οnfοcus='if(this.value=="請輸入關鍵字進行搜索"){this.value="";}; '   

     οnblur='if(this.value==""){this.value="請輸入關鍵字進行搜索";};'>   

其實onfocus屬性挺好用的,還可以在通過onfocus屬性改變css樣式,如下代碼:

    οnfοcus='if(this.value=="請輸入關鍵字進行搜索"){this.value="";}; this.className="input01"'   

    οnblur='if(this.value==""){this.value="請輸入關鍵字進行搜索";}; this.className="input02"'>   

2.也可以使用jquery實現:

[javascript] 

$(document).ready(function() {  

        var vdefault = $('#keyword').val();  

  

    $('#keyword').focus(function() {  

            //獲得焦點時,如果值爲默認值,則設置爲空  

            if ($(this).val() == vdefault) {  

                $(this).val("");  

            }  

        });  

    $('#keyword').blur(function() {  

            //失去焦點時,如果值爲空,則設置爲默認值  

            if ($(this).val()== "") {  

                $(this).val(vdefault); ;  

            }  

        });  

});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章