我有一個在我的網站上做登錄的表單。爲了讓表單看起來更好,我使用了一個使用onclick =「login()」的提交按鈕的div。除了一件事之外,這很好:當你輸入你的用戶名,點擊標籤,輸入你的密碼,按回車,按回車鍵不提交表格。表格提交與div
是否有無論如何獲取表單提交輸入沒有寫瘋狂的JavaScript來觀看按鍵?或者更好的是,有沒有一種方法可以讓提交按鈕的樣式不像使用圖像時不像按鈕?
我的按鈕實際上就是我爲了看起來可點擊而設計的文本。
在此先感謝!
我有一個在我的網站上做登錄的表單。爲了讓表單看起來更好,我使用了一個使用onclick =「login()」的提交按鈕的div。除了一件事之外,這很好:當你輸入你的用戶名,點擊標籤,輸入你的密碼,按回車,按回車鍵不提交表格。表格提交與div
是否有無論如何獲取表單提交輸入沒有寫瘋狂的JavaScript來觀看按鍵?或者更好的是,有沒有一種方法可以讓提交按鈕的樣式不像使用圖像時不像按鈕?
我的按鈕實際上就是我爲了看起來可點擊而設計的文本。
在此先感謝!
風格你的提交按鈕,看起來像純文本:
#mySubmitButton {
background:none!important;
border:none;
padding:0!important;
}
集:
background-color: transparent;
border-width: 0;
在您的按鈕,現在是回看起來像普通的文本。從那裏出發。
A submit
輸入類型基本上是針對您要查找的默認ENTER
關鍵行爲。
有無數的方式來設置窗體按鈕的樣式。
http://speckyboy.com/2009/05/27/22-css-button-styling-tutorials-and-techniques/
不要。如果您的用戶沒有JavaScript,他們將永遠無法提交您的表單。您必須始終讓您的網站在沒有JavaScript的情況下使用這叫做Graceful degradation或Progressive enhancement。
否則,它會是這樣的:
document.getElementById('your-form').onkeypress = function(e) {
if (e.keyCode === 13) { // If the key pressed is [Enter]. See here for a list: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
login()
}
}