<input>标签不能在Safari中呈现吗？

Question

遇到mailchimp嵌入表单中的问题，想知道以前是否有人遇到过这个问题？

在safari中，输入标签不会在html标记中呈现，但在Chrome和Firefox中是可以呈现的。我已经移除了所有的自定义CSS，并使用了各种裸嵌入代码，但问题仍然存在。

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

​

Answer 1

请注意，您的输入没有结束标记，或者尝试向您的输入类添加form-control。希望这能有所帮助。

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

​