如何使用清除文本框的JavaScript

20

這聽起來像你想使用「水印」（當用戶集中在框清除本身的默認值）。確保在清除之前檢查該值，否則可能會刪除他們輸入的內容！試試這個：

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

這將確保它只在值爲「新值」時清除。

來源

2010-11-09 16:13:49

+0

這可以解決問題。不過，我有一個取消按鈕，應該將文本bac設置爲「新值」。另一種JavaScript方法？ – kalls 2010-11-09 16:23:27

+2

@Kalls：如果那個取消按鈕是一個正常的''，那麼它應該這樣做。 – RoToRa 2010-11-09 16:27:01

+0

RoToRa是正確的，一個「重置」按鈕應該做的伎倆。如果您使用自定義JS函數來「取消」，請將此代碼添加到它：'document.getElementById（'IDofthetextbox'）。value =「一個新值」;' – 2010-11-09 16:57:10

23

使用

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

您可以撥打文本框的onfocus事件此功能只得到元素和清除值

來源

2010-11-09 16:11:00 zish

1

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

但是這將是非常灌溉爲重點的元素的第二用戶時間例如糾正一些事情。

來源

2010-11-09 16:11:44 RoToRa

10

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

來源

2010-11-09 16:11:47 KeatsKelleher

+3

您應該真的使用佔位符=''屬性，儘管 – KeatsKelleher 2012-12-19 22:34:08

2

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

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

來源

2010-11-09 16:13:13

2

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

來源

2010-11-09 16:15:58 AlexV

2

給這個在文本框輸入標籤：

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

來源

2011-02-01 08:28:29 RAWhoLovesMusic

+0

謝謝你@Nakshathra ..它適用於我.. – 2013-06-25 05:55:14

6

簡單的一個

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

來源

2012-11-16 20:33:58 Sashi

+0

對我來說就像一個魅力 – Arrie 2013-02-28 09:48:21

+0

內在事件中的'javascript：'標籤是絕對不必要的。 – 2013-07-16 07:58:45

+0

這就像佔位符和可選 – Sashi 2014-03-10 00:44:16

1

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

來源

2013-04-21 07:47:25

5

使用某物像

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

來源

2013-06-11 18:11:30 Sajeeb

1

只設置爲空字符串

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

來源

2013-07-16 07:50:47 SwapnilP

1

Onfous使用JavaScript

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

來源

2014-02-20 05:01:16

7

對於那些過這個時下未來的onblur文本框，這是placeholder屬性作出什麼去做。沒有必要的JS：

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

來源

2015-05-22 18:24:57

1

對於我的coffeescript窺視！

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

來源

2015-07-15 16:00:37 Lumbee

0

你的HTML代碼，

jQuery代碼，

$（「＃textboxID」）VAL（ ''）。

來源

2017-03-18 09:19:30 bunny

+1

這是jQuery，而不是問題的要求。 – xlm 2017-03-19 01:11:53

如何使用清除文本框的JavaScript

回答

相關問題