今天遇到一个问题，在只有单个input框搜索时按Enter键查询数据时自动会刷新页面,框内搜索的内容没了，页面也重新刷新了，查询效果不能实现。后来才知道在form表单中，只有一个input框按Enter键会刷新页面，简单模拟了一个页面
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> </head> <body> <form> <h2>form表单中单个input框按回车键自动刷新问题</h2> <input type="text" placeholder="搜索框1"/> </form> <h2>非form表单按回车键不会刷新页面</h2> <input type="text" placeholder="搜索框2"/> </body> </html>
通过页面发现：
- 页面中的form表单只有一个input框按回车键页面会自动刷新
- 页面中没有form表单只有一个input框按Enter键不会刷新
解决方法：
必须用form表单且只需要一个input框时再添加一个隐藏的input框
<input type="text" style="display:none;" />