沒有任何反應，當我點擊Mailchimp選項提交表格

Question

我想添加一個選擇的Mailchimp形式在我的博客網站 繼承人我的博客： https://ahoycollege.blogspot.com/ 這是我加入到我的職位代碼

 <hr /> 
    <!-- Begin MailChimp Signup Form --> <link href="https://fonts.googleapis.com/css?family=Lily+Script+One" rel="stylesheet"> 
</link><link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"></link> 
<br /> 
<center> 
<div id="mailchimp"> 
<form action="http://blogspot.us15.list-manage.com/subscribe/post u=68ae6aa50c0574fa1460be555&amp;id=cf51777197" class="validate" id="mc-embedded subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank"> 
<div id="mc_embed_signup_scroll"> 
<span data-redactor-style="font-family: 'Lily Script One', cursive; " style="color: #57627c; font-family: &quot;lily script one&quot; , cursive; font size: 25px;"> Join the Fun!</span></div> 
</form> 
<span style="color: #c32b40; font-family: &quot;quicksand&quot; , sans serif;"> <span c92a3e="" e=""> Get Access to the AC Resource Library with just one click!</span></span> 
</div> 
<br /> 
<input class="" id="mce-FNAME" name="FNAME" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" size="30" type="text" value="*Your First Name" /><br /> 
<br /> 
<input class="required email" id="mce-EMAIL" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" size="30" type="email" value="*Email Address" /><br /> 
<br /> 
<input class="" id="mce-FBID" name="FBID" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" size="30" type="text" value="Facebook ID URL" /> 
    <br /> 
<div class="clear" id="mce-responses"> 
<div class="response" id="mce-error-response" style="display: none;"> 
</div> 
<div class="response" id="mce-success-response" style="display: none;"> 
</div> 
</div> 
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
<br /> 
<div aria-hidden="true" style="left: -5000px; position: absolute;"> 
<input name="b_68ae6aa50c0574fa1460be555_cf51777197" tabindex="-1" type="text" value="" /></div> 
<input class="button" id="mc-embedded-subscribe" name="subscribe" type="submit" value="Count me In!" /></center> 
<!--End mc_embed_signup--> 

而這是CSS樣式我用：

#mc_embed_signup_scroll h2 { 
font-size: 15px; 
margin-bottom: 20px; 
text-transform: uppercase; 
letter-spacing: 2px; 
text-align: center; 

} 
.mc-field-group { 
margin-bottom: 8px; 
} 
input#mce-FNAME, input#mce-EMAIL, input#mce-FBID { 
border: 1px solid #7ACCCD; 

padding: 12px; 
font-size: 14px; 
} 
#mc-embedded-subscribe { 
background: #C8E8E8; 
width: 21%; 
font-size: 15px; 
letter-spacing: 2px; 
margin-top: 8px; 
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
} 
#mc-embedded-subscribe:hover { 
opacity:0.7; 
color : #B53240 
} 
#mc_embed_signup { 
background: #C8E8E8; 
padding: 30px; 
} 

當我點擊提交，沒有真正發生在所有。

請讓我知道是否有任何我應該修復的代碼錯誤。 我在mailchimp中使用了opt的Naked形式並對其進行了自定義。

Answer 1

這是因爲HTML格式錯誤，表單標籤必須在所有輸入標籤後關閉。

表單標籤操作需要照顧。

<form action="http://blogspot.us15.list-manage.com/subscribe/post u=68ae6aa50c0574fa1460be555&amp;id=cf51777197" class="validate" id="mc-embedded subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank"> 
    <div id="mc_embed_signup_scroll"> 
    <span data-redactor-style="font-family: 'Lily Script One', cursive; " style="color: #57627c; font-family: &quot;lily script one&quot; , cursive; font size: 25px;"> Join the Fun!</span></div> 

.. 
.. 
.. 
.. 
</form> <!-- form tag close here --> 
</center><!--End mc_embed_signup--> 

希望這會有所幫助。