我遇到过一种情况,如果你在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>
我想先有文本和提交按钮,但我已经无计可施了。以前有人经历过这种情况吗?
是否无法提供链接?
难道你的提交按钮上没有隐藏的元素吗?这就解释了为什么你可以点击按钮,但不能点击它
尝试使用<button>
标记而不是<input>
。