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

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

Answer 2

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