javascript - Javascript 为两个表单域设置动画，只需要一个

Question

我有一个搜索和一个订阅字段。我希望它们看起来和感觉都一样，所以我将工作代码从搜索字段复制到订阅字段。当您单击它们时，这些字段应该会展开，并且值会消失，以便用户可以输入自己的值。唯一的问题是，现在当您单击其中一个字段时，两个字段都会出现动画。我认为问题可能出在我对javascript中“this”的理解上，但也许不是。任何帮助将不胜感激。

<br />
<form target="_blank" id="subscribe" method="post" action="https://www.myaction.com">
<p>
<input type="hidden" name="username" value="myusername">
<input type="text" name="email" value="Email Address" id="subscribe" onfocus="javascript:if(this.value=='Email Address')this.value='';"   onblur="this.value=!this.value?'Email Address':this.value;" maxlength="100">
</p>
<br />
<input type="submit" value="Subscribe" />
</form>

Answer 1

问题最终出现在我的 HTML 中。愚蠢的错误。谢谢你的帮助。

Answer 2

<input type="text" name="email" value="Email Address" id="subscribe" onfocus="this.value = this.value ==='Email Address' ? '' : this.value;"   onblur="this.value = this.value || 'Email Address';" maxlength="100">