如何清除文本字段

Question

的焦點文本字段我想要清除文本框，當用戶點擊該

<input name="name" type="text" id="input1" size="30" maxlength="1000" value="Enter Postcode or Area" onfocus=="this.value=''" />

Answer 1

要做到這一點，你需要使用腳本語言，可能的JavaScript。這裏的一個例子

<input type='text' value'Some text' onclick='javascript: this.value = ""' /> 

希望這會有所幫助。

編輯：

爲了滿足什麼大衛解釋這裏是在情況下，第二個例子是，你在找什麼

<script type='javascript'> 
    var clear = true; 
    function clear(obj) 
    { 
     if(clear) 
     { 
      obj.value = ''; 
      clear = false; 
     } 
    } 
</script> 

<input type='text' value'Some text' onfocus='clear(this);' /> 

Answer 2

您可以使用<input ... onfocus="this.value='';"/>。

這樣，該字段在獲得焦點時將被清除。但是，如果您只想在用戶單擊它時清除它（例如，當該字段使用鍵盤獲得焦點時不是），則使用onclick而不是onfocus。

但是，正如David Dorward在評論中指出的，用戶可能不會期望這種行爲。因此，請注意在真正特定的字段（如搜索字段）上設置此功能。

Answer 3

使用jQuery庫：

<input id="clearme" value="Click me quick!" /> 

$('#clearme').focus(function() { 
    $(this).val(''); 
}); 

Answer 4

除非你正在做一些具體的事情，你只需要清除的onclick ，我會建議（正如其他人已經注意到）使用重點行動來代替。這樣，如果有人使用標籤導航它也將清除默認文本。

您還可以使用的onblur來檢查它是否是空的，以將其還原：

<input type="text" value="Default text" name="yourName" onfocus="if(this.value == 'Default text') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Default text'; }"> 

Answer 5

這是我如何使用它的溫度轉換器/計算器 - 當用戶類型（KEYUP），文本輸入框使用分配的功能進行計算;當用戶選擇其他文本輸入（只有兩個輸入）時，所選文本輸入將被清除。

HTML：

<p class="celcius"><h2 style="color:#FFF">Input:</h2> 
    <input name="celsius" type="text" class="feedback-input" placeholder="Temperature (Celsius)" onkeyup="Conversion()" onfocus="this.value='';" id="celsius" /> 
</p> 

    <hr> 

    <h2 style="color:#FFF">Result:</h2> 

<p class="fahrenheit"> 
    <input name="fahrenheit" type="text" class="feedback-input" id="fahrenheit" onkeyup="Conversion2()" onfocus="this.value='';"placeholder="Temperature (Fahrenheit)" /> 
    </p> 

的JavaScript：

function Conversion() { 
    var tempCels = parseFloat(document.getElementById('celsius').value); 
     tempFarh =(tempCels)*(1.8)+(32); 
     document.getElementById('fahrenheit').value= tempFarh; 
} 

function Conversion2() { 
    var tempFarh = parseFloat(document.getElementById('fahrenheit').value); 
     tempCels =(tempFarh - 32)/(1.8); 
     document.getElementById('celsius').value= tempCels; 
} 

Answer 6

試試這個，它爲我工作

添加到您輸入的標籤此

<code> 
onfocus="this.value='';"</code> 

例如，如果你的代碼是

<code> 
<input type="text" value="Name" /></code> 

使用這樣

<code><input onfocus="this.value='';" type="text" value="Name" /></code> 

Answer 7

function Clear (x) {if (x.cleared) {} else {x.value = ""; x.cleared = true}} 

onfocus = "Clear (this)" 

Answer 8

或者你可以簡單地使用佔位符屬性 例如<input name="name" type="text" id="input1" size="30" maxlength="1000" placeholder="Enter Postcode or Area"/>

Answer 9

添加以下腳本到你的js文件中：

var input1 = document.getElementById("input1") 

input1.onfocus = function() { 
    if(input1.value == "Enter Postcode or Area") { 
     input1.value = ""; 
    } 
}; 

input1.onblur = function() { 
    if(input1.value == "") { 
     input1.value = "Enter Postcode or Area"; 
    } 
};