Question

通过js实现得到焦点时文本框清空,失去焦点时又显示默认文字，值发生改变时不再恢复默认文字?

Answer 1

<input type="text" placeholder="请输入" />

function isSupportPlaceHolder () {
    var test = document.createElement('input');
    return ('placeholder' in test);
}
if(!isSupportPlaceHolder()) {
  var input = document.getElementsByTagName('input')[0];
  input.onfocus = function () {
    if(this.value == this.getAttribute('placeholder')) {
      this.value = '';
    }
  };
  input.onblur = function () {
    if(!this.value) {
      this.value = this.getAttribute('placeholder');
    }
    input.blur();
  };
}

html5中提供了placeholder属性来做这个事情，所以我们可以先考虑使用浏览器提供的方法。

如果不支持这个属性，那么用js来实现。

Answer 2

<input type="text" value="我是默认值" onblur="if(this.value==''){this.value='我是默认值'}" onfocus="if(this.value=='我是默认值'){this.value=''}"/>

自己将上面的代码复制到html文件中.试试.不符合要求的话,自己稍微调整一下.

Answer 3

可以使用文本框的onfocus和onblur事件来实现，当文本框失去焦点时，判断是否为空，为空则为默认文字

Answer 4

<input name="q" type="text" class="search-keyword" id="search-keyword" value="在这里搜索..." onfocus="if(this.value=='在这里搜索...'){this.value='';}" onblur="if(this.value==''){this.value='在这里搜索...';}" />