Question

我遇到过如果你在Firefox和Chrome中点击提交按钮不起作用的情况，但它在Internet Explorer中应该有效。

甚至更奇怪，我发现我可以“选项卡”到按钮并点击输入，它会起作用。这是表单代码的一部分：

<form id="product_form" name="product_form" method="post" onsubmit="return validateProductForm();" action="product-photo-mail.php" enctype="multipart/form-data">

 <table width="100%" border="0">
    <tr>  
        <td class = "left_side" width="30%">Quantity:</td>
        <td class = "right_side" width="60%">
            <select name = "quantity_cards">

                <option>50</option>
                <option>75</option>
                <option>100</option>
                <option>125</option>
                <option>150</option>
                <option>more</option>
            </select>
        </td>
    </tr>
    .
    .
    .


    <tr>
        <td colspan="2" align="center">You're almost done!</td>
    </tr>

   <tr>
        <td colspan="2" align="center"><br />After you submit your order we will send over your digital proof for approval!</td>
   </tr>
     <tr>
        <td colspan="2" align="center">
            <input type="submit" name="button1" id="button1" class="formbutton" value="Submit My Order" />
        </td>
    </tr> 
</table>
</form>`

当我将按钮移到文本上方时，它可以像我期望的那样在所有浏览器上运行。我不知道为什么会这样。我花了好几个小时试图让它工作，我唯一可以开始工作的是交换命令：

    .
    .

    <tr>
        <td colspan="2" align="center">
            <input type="submit" name="button1" id="button1" class="formbutton" value="Submit My Order" />
        </td>
    </tr>   
    <tr>
        <td colspan="2" align="center">You're almost done!</td>
    </tr>

   <tr>
        <td colspan="2" align="center"><br />After you submit your order we will send over your digital proof for approval!</td>
   </tr>

</table>
</form>

我想先将文字和提交按钮放在一起，但我在这里结束了。有谁之前经历过这个吗？

Answer 1

尝试使用<button>代码而不是<input>。

Answer 2

是否无法提供链接？

是否有隐藏元素覆盖您的提交按钮？这可以解释为什么你可以选择按钮，但不能点击它。

提交按钮在Chrome或Firefox中无效，但在Internet Explorer中无效

2 个答案: