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

对于那些现在遇到这种情况的人来说，这就是SVN Repo Project 1 Branches Tags Trunk Project 2 Branches Tags Trunk Project 2 Branches Tags Trunk Project 3 Branches Tags Trunk . . . Project N Branches Tags Trunk属性要做的事情。没有JS必要：

placeholder

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

只需设置空字符串

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

Answer 8

在textbox的输入标记中输入：

onClick="(this.value='')"

Answer 9

如果可以使用jQuery：

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

Answer 10

使用像这样的onfocus和onblur事件：

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

Answer 11

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

然而，对于那些第二次聚焦元素的用户来说，这将是非常充实的。纠正一些事情。

Answer 12

<input type="text" name="yourName" value="A new value" onfocus="if (this.value == 'A new value') this.value =='';" onblur="if (this.value=='') alert('Please enter a value');" />

Answer 13

使用javascript进行Onfocus和onblur文本框

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

Answer 14

我的咖啡因偷看！

#disable Delete button until reason is entered
$("#delete_event_button").prop("disabled", true)
$('#event_reason_is_deleted').click ->
    $('#event_reason_is_deleted').val('')
    $("#delete_event_button").prop("disabled", false)

Answer 15

您的HTML代码，

jquery代码，

。

$（ “＃textboxID”）VAL（ ''）;

如何使用javascript清除文本框

15 个答案: