博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
form表单的默认提交行为
阅读量:6149 次
发布时间:2019-06-21

本文共 475 字,大约阅读时间需要 1 分钟。

一 如果<form></form>表单中只有一个<input type="text"/>,则使文本框获取焦点,并单击回车,form会自动提交。

    提交路径为action属性拼接到当前路径(action属性默认为空字符串,如果form没有action属性,则提交路径与当前路径相同)。

    浏览器表现:Chrome(桌布版、移动版)会出现此问题,Android手机会出现。Safari(桌面版、移动版)不会出现。

    解决方法:禁止表单提交。

    1  设置成<form οnsubmit="return false;">

    2 增加一个无name属性的隐藏文本框 <input type="text" style="display:none;/>

    3 监听input的keydown事件。

   

            
Demo

 

转载于:https://www.cnblogs.com/sea-breeze/p/7083580.html

你可能感兴趣的文章
HTML 邮件链接,超链接发邮件
查看>>
HDU 5524:Subtrees
查看>>
手机端userAgent
查看>>
pip安装Mysql-python报错EnvironmentError: mysql_config not found
查看>>
http协议组成(请求状态码)
查看>>
怎样成为一个高手观后感
查看>>
[转]VC预处理指令与宏定义的妙用
查看>>
JQuery radio单选框应用
查看>>
MySql操作
查看>>
python 解析 XML文件
查看>>
MySQL 文件导入出错
查看>>
java相关
查看>>
由一个异常开始思考springmvc参数解析
查看>>
向上扩展型SSD 将可满足向外扩展需求
查看>>
linux下安装Mysql
查看>>
我的友情链接
查看>>
用 Qt Creator环境 为 BlackBerry 10 开发 Qt应用
查看>>
shell中括号的特殊用法
查看>>
P2055 [ZJOI2009]假期的宿舍
查看>>
我的友情链接
查看>>