Javascript 为什么第一个<;按钮>;在表单中被激活?

Javascript 为什么第一个<;按钮>;在表单中被激活?,javascript,html,css,forms,Javascript,Html,Css,Forms,我有一个 在这个表单中,我有两个提交按钮 第一个是: <button class="regular" id="geocodesubmit" style="height:40px;">Set Loc ation</button> <button type="submit" class="regular" name="Submit Discovery">Submit</button> Set Loc 电离 第二个是: <button

我有一个
在这个表单中,我有两个提交按钮

第一个是:

<button  class="regular" id="geocodesubmit" style="height:40px;">Set Loc
ation</button>
<button  type="submit" class="regular" name="Submit Discovery">Submit</button>
Set Loc
电离
第二个是:

<button  class="regular" id="geocodesubmit" style="height:40px;">Set Loc
ation</button>
<button  type="submit" class="regular" name="Submit Discovery">Submit</button>
提交
当我按下其中一个文本框上的enter键时,我的第一个按钮为什么会被激活?我想要第二个激活

我不想让第一个对任何按键做出反应


注意:我不想使用input type=“submit”,因为我还有很多其他css内容。

然后为这两个按钮分别编写onclick函数。 或者为按钮指定名称标签,并在程序内部执行所需的操作

<input type="submit" class="regular" name="Submit Discovery">Submit</input>
提交

not button

HTML4规范说明
按钮的默认类型是
提交

见:

因此,您的问题很简单,您的第一个按钮没有
类型
属性,因此将像另一个提交按钮一样工作


要解决这个问题,请为第一个按钮设置
type=“button”

我不是说这个按钮无效,我的意思是如果你想让提交按钮在回车时提交,你应该使用输入,顺便说一句,什么是timexGood Response,在chrome和firefox中测试了这个按钮,它确实有效。非常感谢!