如何使用javascript清除文本框

Question

我有一个

<input type="text" value="A new value">

当焦点在文本框上时,我需要一个javascript方法来清除文本框的值.

怎么能实现这一目标？

Answer 1

只是使用元素

   function name()
   {  
   document.getElementById('elementid').value = "";
   }

您可以在文本框的onfocus事件上调用此函数并清除该值

Answer 2

听起来你正试图使用​​"水印"(当用户专注于盒子时,默认值会自动清除).确保在清除之前检查该值,否则您可能会删除他们输入的内容!试试这个:

<input type="text" value="A new value" onfocus="if(this.value=='A new value') this.value='';">

这将确保它仅在值为"新值"时清除.

Answer 3

<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

对于那些现在遇到这种情况的人来说,这就是placeholder属性所要做的.没有JS必要:

<input type="text" placeholder="A new value">

Answer 5

简单的一个

onfocus="javascript:this.value=''" onblur="javascript: if(this.value==''){this.value='Search...';}"

Answer 6

使用......

<input type="text" name="yourName" placeholder="A new value" />

Answer 7

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

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

Answer 8

只需设置空字符串

    <input type="text" id="textId" value="A new value">
    document.getElementById('textId').value = '';