form內只有乙個輸入框時,按回車會自動提交

2021-08-25 00:25:02 字數 316 閱讀 5908

昨天碰到乙個問題,乙個新增頁面,本來我的提交按鈕是button型別的,當我輸完名稱的時候,隨手按了個回車,發現表單自動提交了,而其他頁面也是這麼寫的,都沒這個問題。這樣一來,頁面上js的sub()方法裡的操作都不起作用。

後來發現這個頁面與其他頁面唯一的不同是,只有乙個名稱是輸入框,其他的是下拉選擇框,問題就是出在這裡, 如果form表單內只有乙個輸入框時,按回車會自動提交的。

解決辦法:首先試著在頁面上加個隱藏域,因為它也是input標籤的,發現沒用。最後想到對輸入框增加乙個onkeydown屬性, οnkeydοwn="if(event.keycode==13)" ,問題解決了。

react入門 實現乙個輸入框元件

按照官方文件和例程部落格,實現了乙個簡單的輸入框元件。總結一下,乙個簡單的react.js應用應按照以下步驟構建 設計元件原型和json api 拆分使用者介面為乙個元件樹 利用react,建立應用的乙個靜態版本 識別出最小的 但是完整的 代表ui的state 確認state的生命週期 新增反向資料...

實現乙個高度自適應的輸入框

有placeholder,輸入為空時,顯示placeholder 可設定maxlength 將textarea的高度設定成auto,overflow設定成visible。如下 height auto overflow x visible overflow y visible width 300px ...

實現乙個高度自適應的輸入框

需求背景 設想1 使用textarea實現 將textarea的高度設定成auto,overflow設定成visible。如下 複製 但是經過測試,textarea實際上將是預設的高度,隨著輸入的增多會出現滾動條,並沒有達到我們想要的效果。設想2 contenteditable 我們知道可以將div...