Question

就像标题所说，这不会出现在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文件中，这就是它隐藏的原因。感谢您的回复。

Answer 1

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

在您工作的表单中，您没有与提交按钮相关联的ID，但是您的表单不会起作用。这让我相信你可能在你的CSS，jQuery，AngularJS等中有一些控制这个按钮的东西......如果你改变你的表单上的提交按钮并不能解决这个问题：

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

或

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

其中任何一项是否有效或至少显示按钮？

Answer 2

对不起，我会发表评论，但我还没有50个声誉..

不确定是否会导致问题，但建议更改有效的HTML ..请务必关闭输入标记，它们是自动关闭标记，因此它应如下所示（如第二种形式）。

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

注意最后一个尖括号

之前的正斜杠

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

希望这有帮助，加雷

提交按钮不会出现在Firefox中，而是出现在Chrome和Internet Explorer上

2 个答案: