form表单只单个input框按回车键页面会自动刷新

今天遇到一个问题，在只有单个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;" />

本作品采用《CC 协议》，转载必须注明作者和本文链接

MissYou-Coding

516 声望

Coding Peasant @ 互联网

分享总结一点一滴学习编程，PHP 、Java

0 人点赞

讨论数量: 0

(=￣ω￣=)··· 暂无内容！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

form表单只单个input框按回车键页面会自动刷新

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

form表单只单个input框按回车键页面会自动刷新

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录