onclick时在登录控件中清除TextBox

Question

我有登录控件和文本框，我需要在文本框中写入UserName以向用户显示，我需要在文本框中单击以清除此文本框并允许用户输入文本

Answer 1

使用placeholder html5属性

Answer 2

因为你要求提供javascript代码

<input type="text" value="your name" name="usrname" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;"/>

Answer 3

如果使用jQuery是可以接受的：

jQuery("#myTextBox").focus( function(){ 
    $(this).val(""); 
} );

或在javascript中

<input type="text" value="A new value" onfocus="javascript: if(this.value == 'A new value'){ this.value = ''; }" onblur="javascript: if(this.value==''){this.value='A new value';}" />

Answer 4

去年我写了一个jQuery插件来解决这个问题。它被称为“toggletextfieldvalue”，请查看http://www.naden.de/blog/toggle-textfield-value-jquery-plugin

注意：如果您使用的是HTML5，则可以依赖新的placeholder属性。