如何清除文本字段

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