嵌入式表单在 IE 中不显示值

Question

我已经在多个站点上嵌入了这些类型的自定义 mailchimp 表单，并在所有浏览器上取得了巨大成功，但由于某种原因，这种特殊的迭代在 IE 中不起作用。该站点本身是http://www.buildinggurus.com/，此表单显示在主页和内页的侧边栏上。

在 IE 中发生的情况是输入字段显示为空白框。输入值是不可见的，单击输入字段不会做任何事情（阅读：你不能输入它），它看起来更像是一个占位符而不是号召性用语。我在这里错过了什么？

    <div id="mc_embed_signup">
    <form action="URLHERE" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="widget-lead-form"><h5>Subscribe to Our Blog</h5>
    <div class="mc-field-group">
        <input type="text" value="first name" name="FNAME" class="required-name" id="mce-FNAME" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'first name':this.value;" required />
    </div>
    <div class="mc-field-group">
        <input type="text" value="last name" name="LNAME" class="required-name" id="mce-LNAME" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'last name':this.value;" required />
    </div>
    <div class="mc-field-group">
        <input value="enter your email" name="EMAIL" type="email" class="required-email" id="mce-EMAIL" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'enter your email':this.value;" required />
    </div>
        <div id="mce-responses" class="clear">
            <div class="response" id="mce-error-response" style="display:none"></div>
            <div class="response" id="mce-success-response" style="display:none"></div>
        </div>
    <div class="clear">
        <input type="submit" name="subscribe" class="submit" id="mc-embedded-subscribe" value="submit" /></div>
    </div>
    </form>
    </div>

Answer 1

IE 仍然需要设置一个值。我在所有表单输入标签中使用以下内容：

onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'默认值':this.value;" value="默认值"