溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“html form中回車事件規則詳解”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“html form中回車事件規則詳解”吧!
| 我們有時候希望回車鍵敲在文本框（input element）里來提交表單（form），但有時候又不希望如此。比如搜索行為，希望輸入完關鍵詞之后直接按回車鍵立即提交表單，而有些復雜表單，可能 要避免回車鍵誤操作在未完成表單填寫的時候就觸發了表單提交。 要控制這些行為，不需要借助JS，瀏覽器已經幫我們做了這些處理，這里總結幾條規則：
實際應用的時候，要讓表單響應回車鍵很容易，保證表單里有個type=”submit”的按鈕就行。而當只 有一個文本框又不希望響應回車鍵怎么辦呢？我的方法有點別扭，就是再寫一個無意義的文本框，隱藏起來。根據第3條規則，我們在用button的時候，盡量 顯式聲明type以使瀏覽器表現一致。 <form action=""> <input type="text"> <input type="button" value="提交"> </form> <h3>一個文本框的時候怎么才能做到不提交，方法是加一個隱藏掉的文本框</h3> <form action=""> <input type="text"> <input type="text" > <input type="button" value="提交"> </form> <h3>只要有type為submit的按鈕存在，一個文本框還是多個文本框都提交</h3> <form action=""> <input type="text"> <input type="submit" value="提交"> </form> <h3>只要有type為submit的按鈕存在，一個文本框還是多個文本框都提交</h3> <form action=""> <input type="text"> <input type="text"> <input type="submit" value="提交"> </form> <h3>多個文本框的時候，不提交，用type為button的按鈕就行啦</h3> <form action=""> <input type="text"> <input type="text"> <input type="button" value="提交"> </form> <h3>用button元素時，FX和IE下有不同的表現</h3> <form action=""> <input type="text"> <input type="text"> <button>提交</button> </form> <h3>radio和checkbox在FX下也會觸發提交表單，在IE下不會</h3> <form action=""> <input type="text"> <input type="radio" name="a"> <input type="checkbox" name="b"> <input type="checkbox" name="c"> <input type="button" value="提交"> </form> <h3>type為image的按鈕，等同于type為submit的效果</h3> <form action=""> <input type="text"> <input type="text"> <input type="image" src="xxx.gif"> </form> |
到此，相信大家對“html form中回車事件規則詳解”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
