一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery搜索框添加默认文字实现代码

时间:2013-09-25 编辑:简简单单 来源:一聚教程网

例,利用js的失去焦点与获取焦点方法

js 代码

 代码如下 复制代码

 

WordPress中实现方法

 代码如下 复制代码

? get_search_query() : ‘Your Default Text‘); ?>”  onfocus=”if ((this.value == ‘Your

Default Text‘)) {this.value = ”;}” onblur=”if (this.value == ”) {this.value = ‘

_e(‘Your Default Text‘,’jessica’) ?>’;}” name=”s” id=”s” />

jquery代码

 

 代码如下 复制代码
$(document).ready(function()    {        
//搜索框     
    $('#keyword').focus(function() {     
        if($(this).val() == '请输入关键词!') {     
            $(this).val("");     
        }     
    });     
    $('#keyword').blur(function(){     
        if($(this).val() == "") {     
            $(this).val('请输入关键词!');     
        }     
    });     
});   


一个网站的实例

 代码如下 复制代码

$(function(){
$(“[placeholder]“).focus(function() {
var input = $(this);
if (input.val() == input.attr(“placeholder”)) {
input.val(“”);
input.removeClass(“placeholder”);
}
}).blur(function() {
var input = $(this);
if (input.val() == “” || input.val() == input.attr(“placeholder”)) {
input.addClass(“placeholder”);
input.val(input.attr(“placeholder”));
}
}).blur();
$(“[placeholder]“).parents(“form”).submit(function() {
$(this).find(“[placeholder]“).each(function() {
var input = $(this);
input.val(input.val() == input.attr(“placeholder”) ? “” : goog.string.htmlEscape

(input.val()));
})
});
});

热门栏目