자리 표시자를 클릭해도 입력이 활성화되지 않습니다.

Question

jQuery를 사용하여 HTML5 자리 표시 자의 해결 방법을 사용하고 있습니다. 유일한 문제는 자리 표시 자 <span>을 클릭하면 입력 필드가 활성화되지 않는다는 것입니다. 활성 상태가 되려면 입력 내용을 클릭해야하지만 자리 표시 자 외부를 클릭해야합니다. 내가 스팬이 사라 부정적인 z-index 줄 경우 http://jsfiddle.net/QXeQy/1/

:

는 여기 jsFiddle은 무슨 일이 일어나고 있는지 보여주는 것이다. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

범위가 입력 내용입니다. <label>

<label for="search">Placeholder text</label><input type="search" name="search" id="search" /> 

대신 스팬 사용

$("span.holder").click(function() { 
    $(this).next().focus(); 
}); 

http://jsfiddle.net/QXeQy/2/

Answer 2

을 다음이 자바 스크립트 사용이 추가 시도

$('#search').focus(function(){ 
    $('label[for=search]').hide(); 
} 

$('#search').blur(function(){ 
    if($('#search').val() == '') 
    { 
     $('label[for=search]').show(); 
    } 
}