form表单按enter键自动提交的问题
生活随笔
收集整理的這篇文章主要介紹了
form表单按enter键自动提交的问题
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
?廢話不多說。直接上代碼。
1：form表單按enter鍵自動提交的情況
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus?"> 6 <meta name="Author" content=""> 7 <meta name="Keywords" content=""> 8 <meta name="Description" content=""> 9 <title>Document</title> 10 </head> 11 <body> 12 <form method="post" action="http:www.baidu.com"> 13 <input> 14 <textarea name="text" cols="20" rows="5" /> 15 </form> 16 </body> 17 </html>在此文本框中按enter鍵，頁面會自動跳轉(zhuǎn)到百度的搜索頁面。
2：解決方案
1）去掉form表單。然后在文本框中按enter鍵就不會出現(xiàn)自動跳轉(zhuǎn)的情況了。（不建議使用）
2）再添加一個隱藏的文本框。出現(xiàn)問題的原因是form表單中有且只有一個文本框。故新增一個隱藏的文本框也可解決問題。
<input style="display:none"/>
3)在表單上添加屬性 οnsubmit="return false";也可以解決問題。
轉(zhuǎn)載于:https://www.cnblogs.com/pjdsy/p/4679008.html
總結(jié)
以上是生活随笔為你收集整理的form表单按enter键自动提交的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： TreeSet里面放对象，如果同时放入了
- 下一篇： ViewController类中得方法和