提交按钮不会出现在 Firefox 中，但会出现在 Chrome 和 Internet Explorer 中答案

【问题标题】：Submit button does not appear in Firefox but on Chrome and Internet Explorer提交按钮不会出现在 Firefox 中，但会出现在 Chrome 和 Internet Explorer 中
【发布时间】：2014-11-29 06:46:19
【问题描述】：

正如标题所说，这不会出现在 Firefox 上：

<form class = "form-buy" action="buy-form.php" method="post">
    <input name="lp_current" type="hidden" id="lp-current2">
    <input name="server_current" type="hidden" id="server-current2">
    <input name="amount" type="hidden" value="" id="divisions-cost">
    <input name="discount_amount" type="hidden" value="" id="divisions-cost-discount">
    <input name="discount_rate" type="hidden" value="" id="divisions-discount-rate">
    <input name="item_name" type="hidden" id="divisions-item-name" value="">
    <input name="submit" type="submit"  value="Buy Boost" id="divisions-buy-button">
</form>

我的其他表单的其他提交按钮可在 Firefox 上运行，但是：

form id="contactform" name="contactform" class="contactform" action="contact.php" method="post" onsubmit="return validate('contactform');">
    <label class = "col1 first" for="sender"><font color=red>*</font>E-mail:</label>
    <input class = "col4" type="text" name="sender" id="sender"  />
    <div class="clearfix"></div>
    <label class = "col1 first" for="IGN">IGN:</label>
    <input class = "col4" type="text" name="IGN" id="IGN" />
    <div class="clearfix"></div>
    <label class="col1 first" for="message"><font color=red>*</font>Message:</label>
    <textarea class="col5" rows="5" name="message" id="message"></textarea>
    <input type="submit" value = "submit" />
</form>

好的，所以我尝试了结束标签，结果发现提交按钮隐藏在一些文本和图像下。

解决方案：原来我有“溢出：隐藏；”在我的css文件中，这就是使它隐藏的原因。感谢您的回复。

【问题讨论】：

这两种形式的 CSS 有什么不同吗？在不起作用的表单中，您有一个分配给提交按钮的 ID。您是否尝试过仅放置一个来查看它是否显示？另外，您可以尝试使用

标签： javascript php html firefox

【解决方案1】：

Gareth 可能是正确的，但我也会检查您的 CSS、jQuery 或其他可能隐藏按钮的上游的东西。您的按钮不可见这一事实告诉我，这不一定是语法问题。但是，您应该按照 Gareth 的建议进行操作并使用自结束标记。

在有效的表单中，您没有与提交按钮关联的 id，但在无效的表单中却有。这让我相信你可能在你的 CSS、jQuery、AngularJS 等中有控制这个按钮的东西......如果你将表单上的提交按钮更改为这样的东西：

<input name="submit" type="submit" value="Buy Boost" />

或

<button type="submit">Buy Boost</button>

这些都可以工作还是至少显示按钮？

【讨论】：

【解决方案2】：

抱歉，我会发表评论，但我还没有 50 声望..

不确定是否导致问题，但建议更改为有效的 HTML。确保关闭您的输入标签，它们是自关闭标签，因此应如下所示（如您的第二种形式）。

<input type="x" name="y" />

注意最后一个尖括号之前的正斜杠

具有有效代码的 JSFiddle - http://jsfiddle.net/62bfj1f0/

希望这会有所帮助，加雷斯

【讨论】：

可能不是答案，但否决票有点苛刻，你不觉得吗？ :)