占位符文本不消失

时间:2019-04-10 20:15:21

标签: html

我正在尝试让那些MailChimp嵌入式表单之一在我的网站(WordPress)上工作。电子邮件字段等的占位符文本并未像预期的那样消失。

我正在使用以下代码:

< input type="email" value="Email Address" name="EMAIL" class="required email" id="mce-EMAIL" onfocus=”if(this.value==this.defaultValue)this.value=’‘;” onblur=”if(this.value==’‘)this.value=this.defaultValue;” >

我也尝试过使用占位符属性,但是也没有用。

建议? (谢谢!)

2 个答案:

答案 0 :(得分:0)

您的特殊引号字符似乎抛弃了Javascript解析器(已在Windows的Chrome稳定版中测试)。

<input type="email" value="Email Address" name="EMAIL" class="required email" id="mce-EMAIL" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" >

此处防止这种情况发生的正确方法是使用正确的Javascript IDE,该IDE将插入有效的双引号。

答案 1 :(得分:0)

间距(在input标记和引号之前)存在问题

<input type="email" value="Email Address" name="EMAIL" class="required email" id="mce-EMAIL" onfocus="if (this.value==this.defaultValue) this.value='';" onblur="if (this.value=='') this.value=this.defaultValue;">