嵌入的表单不会在IE中显示值

时间:2012-11-15 20:17:34

标签: javascript html forms mailchimp

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

1 个答案:

答案 0 :(得分:0)

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

的onclick = “THIS.VALUE = '';” onfocus =“this.select()”onblur =“this.value =!this.value?'默认值':this.value;” value =“默认值