搜索栏未显示rel标记

问题描述

| 我设置了一个rel标签，以在搜索栏中显示一些文本。 由于某些奇怪的原因，它不会在首页上显示文本： http://www.horecavacaturebank.nl/

<input type=\"text\" id=\"search\" title=\"\" name=\"s\" class=\"text placeholder\" rel=\"Alle vacatures\" value=\"\" />
<input type=\"text\" id=\"near\" title=\"Locatie\" name=\"location\" class=\"text placeholder\" rel=\"Locatie\" value=\"\" />

我在“ Bekijk CV's \”页面上使用了相同的代码，该页面实际上是有效的： http://www.horecavacaturebank.nl/cv/

<input type=\"text\" id=\"search\" title=\"\" name=\"s\" class=\"text placeholder resume-search\" rel=\"CV\'s zoeken\" value=\"\" /

我已经花了大约2个小时来解决此问题，并认为这是向你们寻求帮助的好时机。 提前致谢！ 编辑：它断定它与jquery文件有点冲突。 如果我删除以下行，则搜索栏将起作用，但滑块不再起作用：

<script type=\"text/javascript\" src=\"<?PHP bloginfo(\'template_url\'); ?>/js/jquery-1.4.3.min.js\"></script>

    

解决方法

@昆汀是正确的。请勿将

rel

属性用于

input

元素。 您可以使用一小段jQuery即可获得想要的效果

$(\'#search\').val(\'Alle vacatures\');
$(\'#near\').val(\'Locatie\');

$(\'#search,#near\').focusin(function(){
    $(this).val(\'\')
});

$(\'#search,#near\').focusout(function(){
    if ($(\'#search\').val() == \"\"){
        $(\'#search\').val(\'Alle vacatures\');    
    }
    if ($(\'#near\').val() == \"\"){
        $(\'#near\').val(\'Locatie\');    
    }
});

设置值，该值显示在输入中。当您专注于任一输入时，该值将被删除。一旦输入失去焦点，如果没有任何内容添加到该字段，则再次放回该值。 http://jsfiddle.net/2HY7y/     ,您可以尝试http://code.google.com/p/jquery-watermark/