如何使用javascript清除文本框

我有一个

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

我需要一个javascript方法来清除文本框的值，当焦点位于 文本框

如何实现这一点？

只需使用

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

您可以在textbox的onfocus事件中调用此函数并清除该值

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

但是，这对于再次关注元素的用户来说是非常有帮助的，例如纠正某些内容。

<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';}" />

如果可以使用：

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

---

听起来好像你在尝试使用“水印”（默认值，当用户聚焦在框上时会自动清除）。请确保在清除之前检查该值，否则您可能会删除他们键入的内容！试试这个：

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

---

这将确保它仅在值为“新值”时清除。

使用以下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';">

---

在文本框的输入标记中给出：

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

简单的

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

使用类似

只需设置空字符串即可

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

document.getElementById（'textId'）。值=“”；

带有javascript的Onfous和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';"/>

---

对于现在遇到这种情况的人来说，这就是

占位符属性的作用。没有必要：

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

我的咖啡脚本

#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)

你的HTML代码


jquery代码

$（“#textboxID”）.val（“”）
 这就解决了问题。但是，我有一个取消按钮，它应该将文本bac设置为“一个新值”。另一种javascript方法？@Kalls：如果取消按钮是正常的
，那么它应该这样做。RoToRa是正确的，一个“重置”按钮应该起作用。如果您使用自定义JS函数“取消”，请将以下代码添加到其中：
document.getElementById（'IDofthetextbox'）。value=“一个新值”
我在cancel按钮上有一个Jquery方法，它隐藏了一个DIV。我如何编写代码来识别和设置文本框的文本？@Kalls:您需要给输入一个ID，并将其放入该方法中：
$（'#mytextbox'）.val（''）其中“mytextbox”是ID。您应该真正使用placeholder=''属性，尽管内部事件中的“javascript:”标签是绝对不必要的。这就像占位符一样，可选的，您真的不需要添加javascript：这是jQuery，而不是问题所要求的。
#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)