搜索栏不显示rel标记

我设置了一个rel标记以在我的搜索栏中显示一些文本。对于一些奇怪的原因，它不显示在主页上的文字： http://www.horecavacaturebank.nl/搜索栏不显示rel标记

<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简历”页面，这实际上是工作： 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>

来源

2011-05-25 Luuk

没有为输入元件没有rel属性，并且在其中它确实存在的那些元素它描述了当前文档和其链接到的关系。使用它来存储占位符数据是一种可怕的语义滥用。不要这样做。 – Quentin 2011-05-25 09:54:35

那么，你的建议是什么？我没有帮助进行分析。除此之外，它是否有效，它在另一个链接而不是在主页上工作。尽管 – Luuk 2011-05-25 10:18:19

Err我确实明白你的意思。把它扔出去，用更合理的设计从头开始。 – Quentin 2011-05-25 10:18:51

@Quentin是正确的。 input元素不应使用rel属性。

您可以使用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/

来源

2011-05-25 13:19:18

现在帮助，ty！ – Luuk 2011-05-26 08:31:41