我为网站创建了一个超级简单的mailchimp表单(只是电子邮件)。 http://jelato.love/newsletter
当点击订阅时,它会打开一个新窗口,其中包含我创建的自定义URL,其中包含“谢谢”消息,该消息在2秒后重定向到站点主页。
任何人都知道是否有办法避开那个新窗口?点击订阅并加载到自定义URL的同一窗口/选项卡上?
非常感谢
码:
<style type="text/css">
#mc_embed_signup {background: transparent!important; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;color: #cd4038!important;}
</style>
<div id="mc_embed_signup" class="element">
<form action="https://love.us17.list-manage.com/subscribe/post?u=934cacc38490d44fbae4b28e4&id=74bd78df58" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email adress" required>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_934cacc38490d44fbae4b28e4_74bd78df58" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
删除target
属性或使用target="_self"
使用target="_blank"
在提交表单时打开一个新选项卡。
<form action="https://love.us17.list-manage.com/subscribe/post?u=934cacc38490d44fbae4b28e4&id=74bd78df58"
method="post" id="mc-embedded-subscribe-form"
name="mc-embedded-subscribe-form" class="validate"
target="" novalidate>
来自docs的目标属性
_blank响应显示在新窗口或选项卡中
_self:响应显示在同一帧中(这是默认值)
_parent:响应显示在父框架中
_top:响应显示在窗口的整个主体中
framename:响应显示在命名的iframe中
您的代码已更新:
<style type="text/css">
#mc_embed_signup {background: transparent!important; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;color: #cd4038!important;}
</style>
<div id="mc_embed_signup" class="element">
<form action="https://love.us17.list-manage.com/subscribe/post?u=934cacc38490d44fbae4b28e4&id=74bd78df58" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="" novalidate>
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email adress" required>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_934cacc38490d44fbae4b28e4_74bd78df58" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>