原型表单字段文本值在onfocus上消失

Question

我目前正在使用：

<input type="text" value="username" onfocus="this.value=''" name="login" id="login">

在我网站上的登录表单字段中，该字段使用“用户名”一词填充表单，直到用户点击该字段，然后将其清除。

问题是，如果用户点击该字段，输入内容，点击并点击回来，它会清除他们输入的内容！

我已经在我的网站上使用原型，所以我想知道是否有一种方法，使用原型，我可以让第一个“onfocus”清除该字段，但在此之后再也不会。

这有意义吗？我在搜索任何资源时都遇到了麻烦，有人能指出我正确的方向吗？

我试过了：

<input type="text" value="username" onfocus="if (this.value = 'username') this.value = ''" name="login" id="login">

它似乎没有工作

Answer 1

只有有条件地清除它：

if (this.value == 'username') this.value = ''