2014-07-05 30 views
1

嚮導式窗體有兩個按鈕,「上一個」和「下一個」。後面在左邊,下一個在右邊。一個簡單的例子是在http://jsfiddle.net/WSwb7/1/雖然提交表單不會在那裏工作。使用Return(Enter)上的特定按鈕提交?

我以爲使下一步按鈕<input type="submit"會導致它用於提交時,用戶在任何窗體字段中按Enter鍵。但是,當用戶點擊回車時,瀏覽器使用標記中的第一個按鈕,即左側的「後退」按鈕(在<button>中)。試過FF 30,Chromium 33,IE 11。我想知道它是否在任何標準中都有描述。

所以我的問題是如何使用Next按鈕在Enter按鍵上進行表單提交,同時讓它的位於Back按鈕的右邊。當我使用Bootstrap時,人們會認爲交換代碼中的按鈕和定位在CSS中會沒有任何JS。

如何實現它?按鈕應該位於表格下方的<div>中。

(順便說一句,會使用從右到左的腳本沒有這樣的問題呢?:)

+0

回答此[問題](http://stackoverflow.com/questions/2102448/)建議在代碼的早些時候將'needed:hidden'所需按鈕的副本放在代碼中,但至少IE11似乎忽略隱藏鈕釦。 –

+0

你的後退按鈕也有「type = submit」。刪除它,它會工作。 –

+0

您是否在* next *按鈕上嘗試過'float:right'。像這樣右鍵是代碼中的第一個。 –

回答

0

編寫JavaScript代碼字段觸發事件提交按鈕。

+0

Javascript是我想要避免的。整齊地交換兩個元素與CSS - 可能更容易,只是我似乎無法實現它。 –