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

  • 相关阅读:
    做问答系统是对题目修改的bug
    控件treetable使用
    百度地图API --地理位置定位
    按每十分钟查询数据
    《deetom》项目开发历程<六> 免登陆
    poj 3348
    poj 1556
    poj 1269
    poj 3304
    R 540
  • 原文地址:https://www.cnblogs.com/manastudent/p/10190936.html
Copyright © 2011-2022 走看看