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 に答える