jquery - 使用 jquery 的 IE 占位符解决方法

Question

IE 不支持输入元素的占位符。我正在尝试使用 jquery 解决方法

我想要的是在页面加载时初始化字段值 sld。我能够专注于现场。例如。这行得通

  // ThiS Works on focus, "Email" is shown in text box
$(function() {
  $("#login_email").focus(function()
  {
      if ($(this).val() == "")
      {
          $(this).val("Email");
      }
  });
});

  // I hoped that this will intialize on page load. But this does not work ???
  // This does not work

$(function() {
  $("#login_email").val("Email");
});

我该如何解决这个问题？

为什么选项二不起作用但选项一有效？有什么区别？？

Answer 1

我可以推荐这种方法吗

Javascript

$(function() {
    $("#login_email").val($("#login_email").attr("placeholder"));

    $("#login_email").on("focus", function() {
      var elem = $(this);
      if (elem.val() == "") {
          elem.val(elem.attr("placeholder"));
      } else if(elem.val() == elem.attr("placeholder")) {
          elem.val("");
      }
    });

    $("#login_email").on("blur", function() {
      var elem = $(this);
      if (elem.val() == "") {
          elem.val(elem.attr("placeholder"));
      }
    });
});

html

<input type="text" id="login_email" placeholder="Email">

这样，它的可重用性更高。
有关详细信息，请参阅 JsFiddle:http://jsfiddle.net/SUdbs/