Question

这可能是一个愚蠢的问题，但我已经对此进行了相当多的努力，我仍然无法弄明白。我在html中创建一个包含表格的表单。在这个表格的单元格内，有一个文本字段，其名称为＆＃34; Name＆＃34;默认情况下。我想制作＆＃34; Name＆＃34;单击文本字段后立即消失。

这是我的行：

<html>
<script type="text/javascript" src="on_click.js"></script>
....
....
<tr>
<td></td>
<td><input type="text" name="addname" value="Name" size="179" onclick="Clear()" id="textbox1"></td>
<td></td>
</tr>
<tr>
<td></td>
<td><input type="text" name="lastname" value="Last" size="179"     onclick="clear() id="textbox2"></td>
<td></td>
</tr>
....
</html>

以下是我的javascript代码：

function Clear()
{  
document.getElementById("textbox1").value= "";
document.getElementById("textbox2").value= "";

}

我不知道我是否使用了错误的功能，或者我没有在我的javascript或html中正确包含我的文件。我是javascript的新手，如果有人可以帮我解决这个问题，我将非常感激。

谢谢！

Answer 1

为什么不在文本框中添加placeholder 例 <input type='text' name='name' placeholder='Name' />

这是一种与浏览器兼容的方式，可以做你想要的事情

Answer 2

加载标记后运行.js脚本。

<html>

....
....
<tr>
<td></td>
<td><input type="text" name="addname" value="Name" size="179" onclick="Clear()" id="textbox1"></td>
<td></td>
</tr>
<tr>
<td></td>
<td><input type="text" name="lastname" value="Last" size="179"     onclick="clear()" id="textbox2"></td>
<td></td>
</tr>
<script type="text/javascript" src="on_click.js"></script>
....
</html>

你也可以试试这个：

onclick="this.value=''"

使用javascript或html本身清除文本字段

2 个答案: