Question

我有一个WordPress网站，我正在处理，无论我把电子邮件注册表单放在哪里，我似乎无法让按钮与您输入的方框相同电子邮件。我的代码有什么问题我忽略了吗？

<div id="robly_embed_signup">
  <form action="https://list.robly.com/subscribe/post" method="post" id="robly_embedded_subscribe_form" name="robly_embedded_subscribe_form" class="validate" target="_blank" novalidate="">
    <input type="hidden" name="a" value="821e061e2be0076acb86297c73307f0f" />
                <div class="robly_field_group"><input type="text" name="EMAIL" id="DATA0" class="required" autocapitalize="off" autocorrect="off" value="enter your email address" onfocus="if (this.value=='enter your email address') this.value='';"><input type="submit" name="subscribe" id="robly_embedded_subscribe" class="button" value="Subscribe" />

这是我的网站：http://gleefulthings.com/WPtestblog/

Answer 1

缩小电子邮件输入字段的宽度。在订阅按钮与它一致之前，我把它降到了84％。

您还有电子邮件输入字段的ID为DATA0，它出现两次，因为您在标题和内容上方的绿色区域中显示它，并且每个文档只能出现一次ID。我建议给他们唯一的ID *然后分配类似“emailField”的类，并在样式表中添加CSS，如下所示：

.emailField{
   width:84%;
}

*由于您还有一些引用DATA0 ID的JavaScript，因此如果您更改ID，则还需要更新它。

如何在电子邮件表单的同一行上获取提交按钮

1 个答案: