<input />标签无法在Safari中呈现?

时间:2018-01-25 16:32:30

标签: html input safari mailchimp newsletter

在mailchimp嵌入表单中遇到问题,想知道以前是否有人遇到此问题?

输入标记不会在Safari中的html标记中呈现,但它们适用于Chrome和Firefox。删除了所有自定义CSS并使用了各种裸嵌入代码,但问题仍然存在。

Chrome - markup in chrome

Safari - markup in safari

嵌入代码如下,减去机器人形式的注册div。

<div id="mc_embed_signup">

<form action="https://tradingboundaries.us1.list-manage.com/subscribe/post?u=e058d795d31f39e18b6c32f75&amp;id=ea8b3c7a1a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

    <div id="mc_embed_signup_scroll">

	<h2 class="h-custom-headline cs-ta-center h-resp-main mtn mbs h2 accent">
           <span><span style="font-size:0.6em;" class="h-sup">Newsletter</span></span>
        </h2>

<div class="mc-field-group">

    <label for="mce-EMAIL">Email<span class="asterisk">*</span></label>

	<input type="email" placeholder="e.g. thelambliesdown@broadway.com " value="" name="EMAIL" class="required email" id="mce-EMAIL">
  
</div>

<div class="mc-field-group input-group">

    <ul>
       <li><input class="regular-checkbox" type="checkbox" value="1" name="group[13][1]" id="mce-group[13]-13-0"><label for="mce-group[13]-13-0">Container Arrivals</label></li>

       <li><input class="regular-checkbox" type="checkbox" value="2" name="group[13][2]" id="mce-group[13]-13-1"><label for="mce-group[13]-13-1"> Gigs &
 Events</label></li>

       <li><input class="regular-checkbox" type="checkbox" value="4" name="group[13][4]" id="mce-group[13]-13-2"><label for="mce-group[13]-13-2">Latest TB News</label></li>

   </ul>

</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>

</form>
</div>

1 个答案:

答案 0 :(得分:0)

请注意,您的输入没有结束标记,或者尝试将表单控件添加到输入类。希望这个帮助。

<div id="mc_embed_signup">
<form action="https://tradingboundaries.us1.list-manage.com/subscribe/post?u=e058d795d31f39e18b6c32f75&amp;id=ea8b3c7a1a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2 class="h-custom-headline cs-ta-center h-resp-main mtn mbs h2 accent">
<span><span style="font-size:0.6em;" class="h-sup">Newsletter</span></span>
 </h2>
<div class="mc-field-group">
<label for="mce-EMAIL">Email<span class="asterisk">*</span></label>
<input type="email" placeholder="e.g. thelambliesdown@broadway.com " value="" name="EMAIL" class="required email" id="mce-EMAIL" />  
</div>
<div class="mc-field-group input-group">
<ul>
<li><input class="regular-checkbox" type="checkbox" value="1" name="group[13][1]" id="mce-group[13]-13-0"><label for="mce-group[13]-13-0">Container Arrivals</label></li>
<li><input class="regular-checkbox" type="checkbox" value="2" name="group[13][2]" id="mce-group[13]-13-1" />
<label for="mce-group[13]-13-1"> Gigs &
Events</label></li>
<li>
<input class="regular-checkbox" type="checkbox" value="4" name="group[13][4]" id="mce-group[13]-13-2" />
<label for="mce-group[13]-13-2">Latest TB News</label></li>
</ul>