输入表单在我的 tumblr 博客上不起作用

Question

我有一个基于 tumblr 的网站 - here it is

无论我尝试嵌入 mailchimp 注册表单，它都没有成功。它只显示文本字段（电子邮件地址、姓名等），但根本没有输入表单。

最后我发现输入表单在我的博客上根本不起作用。即使我尝试从 html 备忘单复制/粘贴一些简单的绝对有效的示例，甚至从另一个站点复制最简单的示例（因此不涉及我的错误），我仍然只看到字段的名称，但看不到字段。

例如：

如果我将此代码粘贴到this page（这是一个实验页面）

<form> First name:<br> <input type="text" name="firstname"> <br> Last name:<br> <input type="text" name="lastname"> </form>

我只看到文本“名字”和“姓氏”（您可以在页面上看到）。但没有输入字段。虽然其他 html 和脚本运行良好（另一种作为脚本制作的提交表单运行良好，不幸的是 mailchimp 不提供这种类型的表单）

这真是脖子疼！如果有人可以提供帮助，那就太好了！

谢谢

Answer 1

我不确定它是否可以在单个“博客”页面上使用，但这是让它在主页上工作的方法。

在“编辑主题”主页面的“浏览主题”上方，您应该会看到“编辑 HTML”。

复制 Mailchimp 代码示例并粘贴到记事本等文本编辑器中。示例的最顶部如下所示：

<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>

剪切这部分代码并将其粘贴到您主页的 HTML 中，就在第一个 <status> 标记之前。

然后将其余代码粘贴到 HTML 的主体中。我把我的放在</header> 标签之后。

这让字段显示在以前不会显示的位置，但“订阅”按钮仍然没有显示。

在代码的底部有一行以<div class="clear"> 开头。将其更改为<div class="show">

同样，这不是我想要的，但它让我更接近我的解决方案。对你来说可能就足够了。