javascript - 使用 javascript 更改 HTML 标签属性

Question

我正在尝试在我的网站中获得我认为非常好的 HTML5 功能 - 输入 字段的占位符属性。

但是我在网站上获取它的方式严重退化。因为我跳过了字段标签并使用占位符作为其标签。

目前我有几个带有占位符的输入字段，它们看起来像这样:

<input placeholder="hereismyplaceholder" />

但是如果 HTML5 占位符支持不可用，我希望所有带有占位符的输入字段都更改为此。显然具有等效的占位符文本:

<input onblur="if (this.value == '') {this.value = 'hereismyplaceholder';}" onfocus="if (this.value == 'hereismyplaceholder') {this.value = '';}" value="hereismyplaceholder" />

所以我拉了Modernizr ，我使用以下 JavaScript 来检测占位符:

if (Modernizr.input.placeholder) {
} else {
// BUT I NEED SOMETHING IN HERE
}

但是我现在不知道该怎么办。因为我没有 JavaScript 经验，所以我不是开发人员。

最简单的解决方案是最好的。我并不担心好的做法，我只是希望它现在能发挥作用。

Answer 1

您没有要求 jQuery，但我不想担心跨浏览器问题:

if (!Modernizr.input.placeholder) {
  $("input[type=text]")
  .focus(function(e){
      if (this.value == $(this).attr('placeholder')) {
         this.value = '';
      }         
  })
  .blur(function(e){
    setPlaceholder(this);
  }).each(function(index, el){
    setPlaceholder(el);
  });

  function setPlaceholder(el) {
    if (el.value  == '') {
        el.value = $(el).attr('placeholder');
    }
  }
}