搜索欄不顯示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