結論:
回車鍵提交表單:設置 <input />
標籤或者 <button>
標籤的屬性 type="submit"
即可。
回車鍵不提交表單,用JavaScript來解決,具體代碼如下:
document.getElementsByTagName('form')[0].onkeydown = function(e){ var e = e || event; var keyNum = e.which || e.keyCode; return keyNum==13 ? false : true; };
分析:
如果按鈕用 <input />
標籤,標籤的 type="submit"
,IE6、7、8、Firefox回車時均提交。
如果按鈕用 <input />
標籤,標籤的 type="button"
,
1 沒有 <input type="text" value="" />
回車均不提交。
2 有一個 <input type="text" value="" />
, IE6、7下焦點在何處回車均不會提交,IE8、只有焦點在 <input type="text" value="" />
上時回車纔會提交, Firefox均回車會提交。
3有多個 <input type="text" value="" />
,IE6、7、8、Firefox均不會提交。
如果按鈕用 <input />
標籤,標籤的 type=""
,E6、7、8、Firefox均會默認爲 type="text"
。
如果按鈕用 <button>
標籤,標籤的 type="submit"
,E6、7、8、Firefox回車時均提交。
如果按鈕用 <button>
標籤,標籤的 type="button"
,
1 沒有 <input type="text" value="" />
回車均不提交。
2 有一個 <input type="text" value="" />
, IE6、7下焦點在何處回車均不會提交,IE8、只有焦點在<input type="text" value="" />
上時回車纔會提交, Firefox均回車會提交。
3 有多個 <input type="text" value="" />
,IE6、7、8、Firefox均不會提交。
如果按鈕用 <button>
,標籤的 type=""
,IE6、7下默認的 type="button"
,IE6、7下焦點在何處回車均不提交,IE8、Firefox默認爲 type="submit"
,IE8、Firefox均回車會提交。