Jquery 单击占位符不会'；不要激活输入

我正在使用jQuery解决HTML5占位符的问题。唯一的问题是，如果我单击占位符

本身，输入字段就不会激活。要激活它，我必须在输入内部但在占位符外部单击

下面是一个JSFIDLE，显示了正在发生的事情：

---

如果我给跨度一个负的

z指数

，它就会消失。如何解决此问题？

您的跨度妨碍了您的输入。尝试添加以下内容：

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

---

使用

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

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

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