Question

我有一个文本框。

现在当打开页面时，我希望文本框具有默认值。一旦他点击文本框，该值就会消失，当他从文本框中移除光标时，旧值应该会返回。

那我该怎么做？

由于

Answer 1

将特定类添加到您希望具有此功能的页面上的所有文本框中。

然后，使用此代码将功能应用于具有类的元素：

window.onload = function() {
   var elements = document.querySelectorAll('.yourClassName');
   for(var i = 0, j = elements.length; i < j; i++) {
      var element = elements[i]; 
      element.onfocus = function() {
         this.value = '';
         this.style.color = 'black';
      };
      element.onblur = function() {
          if(this.value == '') {
             this.value = this.getAttribute('defaultValue');
             this.style.color = 'grey';
          }
      };
      element.onblur();
   }
};

工作示例：http://jsfiddle.net/6TmGA/1/

Answer 2

你能使用jQuery吗？

如果可以，有很多插件可以帮助解决这个问题。

，例如;

http://www.jason-palmer.com/2008/08/jquery-plugin-form-field-default-value/

Answer 3

<script language="JavaScript">
    function setFocus() {

           document.getElementById('username').focus();

    }
</script>

如何使用onfocus？

3 个答案: