Question

我有一个搜索框，其值为“搜索...”。目前，用户必须先删除它，然后才能输入任何内容。单击该框时，搜索文本如何消失？感谢

Answer 1

您需要将焦点和模糊事件处理程序附加到搜索框才能实现此目的。这是你在jQuery中的方法：

var defaultText = "Enter your search term";
$('#searchBoxId').focus(function(){
    if(this.value == defaultText)
        this.value = '';
});
$('#searchBoxId').blur(function(){
    if(this.value == '')
        this.value = defaultText;
});

加载页面时，只需让搜索框“输入您的搜索字词”作为其值。

Answer 2

这是一个默认值，如果你可以使用Javascript（Jquery），这里有一个函数：

<强> JQUERY

<script type="text/javascript">
    (function($){
        $.fn.clearDefault = function(){
            return this.each(function(){
                var default_value = $(this).val();
                $(this).focus(function(){
                    if ($(this).val() == default_value) $(this).val("");
                });
                $(this).blur(function(){
                    if ($(this).val() == "") $(this).val(default_value);
                });
            });
        };
    })(jQuery);
    $('input.clear-default').clearDefault();
</script>

<强> HTML

<input class="clear-default" type="text" value="search..." name="search_box">

Answer 3

如果您在Google上搜索“Unobtrusive JQuery Search Box”，那么就会有很多文章。基本上你从搜索开始：[TextBox]。这适用于禁用Javascript的人。然后使用JQuery（或类似），隐藏“搜索”DOM元素并将该文本放在“文本框”中，然后将jquery方法附加到onfocus并模糊事件以处理根据需要删除/添加默认文本

单击时搜索光标

3 个答案: