JQuery設置搜索框默認值,當輸入框獲取焦點時,默認值消失
現在各大網站都有搜索框,而搜索框通常都有默認值,當輸入框獲取焦點時,默認值消失。而一旦輸入框失去焦點,而輸入框里又沒有輸入新的值,輸入框里的值又會恢復成默認值,如果往輸入框里輸入了新值,則輸入框的值為新輸入的值。這種特效用JQuery很容易實現:
$("#searchbox") .focus(function(){$(this).val('')}) .blur(function(){ var $this = $(this); // '請搜索...'為搜索框默認值 ($this.val() === '')? $this.val('請搜索...') : null; });
本文由用戶 cnffe 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!