Form 表单中只有一个 input 元素时按回车会默认提交表单。有的时候我们希望按回车可以进行列表查询,但是查询后表单被自动提交了,然后刷新了整个页面。这个时候就需要对这个 Form 表单处理一下以满足在只有一个 input 元素时也能回车查询。

基本表单如下:

<html>
    <head></head>
    <body>
        <form action='XXX' name='searchForm' method='post'>
           查询: <input type='text' />
        </form>
    </body>
</html>

解决方法有以下几种:
1.添加一个无用的 input 框

<input type='text' style='display: none;' />

2.阻止表单的回车键进行提交

<form action='XXX' name='searchForm' method='post' onsubmit='return false'>

date: 2018-02-27 11:18:05
本文由个人 hexo 博客 co2fe.com 迁移

相关文章:

  • 2022-12-23
  • 2021-11-26
  • 2021-10-28
  • 2021-07-07
  • 2022-03-08
  • 2021-12-27
  • 2022-12-23
  • 2021-07-22
猜你喜欢
  • 2021-09-05
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-19
相关资源
相似解决方案