| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
cnffe
10年前发布

JQuery设置搜索框默认值,当输入框获取焦点时,默认值消失

现在各大网站都有搜索框,而搜索框通常都有默认值,当输入框获取焦点时,默认值消失。而一旦输入框失去焦点,而输入框里又没有输入新的值,输入框里的值又会恢复成默认值,如果往输入框里输入了新值,则输入框的值为新输入的值。这种特效用JQuery很容易实现:

$("#searchbox")     .focus(function(){$(this).val('')})     .blur(function(){         var $this = $(this);        // '请搜索...'为搜索框默认值        ($this.val() === '')? $this.val('请搜索...') : null;   });