使用Return(回车)上的特定按钮提交?

时间:2014-07-05 06:59:21

标签: html css forms twitter-bootstrap submit

向导类型表单有两个按钮,Back和Next。 Back在左边,Next在右边。最小的例子是http://jsfiddle.net/WSwb7/1/,但提交表单不会在那里工作。

我认为当用户在任何表单字段中按Enter键时,使用“下一步”按钮<input type="submit"会使其用于提交。但是,当用户点击Enter时,浏览器会使用标记中的第一个按钮,即左侧的Back按钮(在<button>中)。尝试了FF 30,Chromium 33,IE 11.我想知道它是否在任何标准中都有描述。

所以我的问题是如何使用“下一步”按钮在Enter键上提交表单,同时将“”设置为“返回”按钮的右侧。当我使用Bootstrap时,人们会认为在代码中交换按钮并在CSS中定位将没有任何JS。

如何实现呢?按钮应位于表单下方<div>的中心位置。

(顺便说一句,使用从右到左的脚本没有这种问题?:)

1 个答案:

答案 0 :(得分:0)

为字段编写一个javascript代码,以触发提交按钮的事件。