1

我已经在多个站点上嵌入了这些类型的自定义 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>
4

1 回答 1

0

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

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

于 2012-11-15T21:47:14.990 回答