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中。愚蠢的错误。谢谢你的帮助。