纯HTML表单在Chrome/Safari可正常提交,仅Firefox中提交按钮无法点击的技术求助
解决Firefox中纯HTML表单无法提交的问题
我马上就找到了问题的核心——你的表单设置了name="submit",这正是Firefox里提交按钮失效的关键原因!
问题根源
在Firefox的DOM实现逻辑里,表单元素的name属性会直接成为表单对象的一个属性。当你把表单命名为submit时,它会覆盖表单原生的submit()方法,导致点击提交按钮时,浏览器没办法调用正确的提交逻辑。而Chrome和Safari对这种命名冲突的处理更宽松,所以没触发这个问题。
修复方案
只需要修改表单的name属性,换成一个不会和原生方法冲突的名称就行,比如orderForm:
<form action="bevestiging.html" method="get" autocomplete="on" name="orderForm"> <!-- 原有表单内容保持不变 --> </form>
修改完成后,Firefox就能正常识别并调用表单的原生提交方法,提交按钮也就可以正常工作了。
额外小检查
你也可以顺带确认下提交按钮有没有被其他元素(比如CSS定位的层)意外遮挡,但从你的代码来看,最大概率的问题就是这个命名冲突。
内容的提问来源于stack exchange,提问作者Lily
相关产品推荐
相关产品推荐

