zoukankan      html  css  js  c++  java
  • 遇到的一个Form表单自动提交问题解决办法

    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 迁移

  • 相关阅读:
    10.15
    10.14
    11.12
    10.10
    10.9
    如何向jar包里写文件
    mycat的配置文件
    启动spring boot打成的zip包脚本
    通俗易懂的rpc原理
    当Mockito遭遇使用注解注入的变量
  • 原文地址:https://www.cnblogs.com/manastudent/p/10190936.html
Copyright © 2011-2022 走看看