博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
form表单里的坑
阅读量:4616 次
发布时间:2019-06-09

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

我们在写前端表单页面的时候,为了更好的SEO,我们会使用form标签,但是我们经常的情况是:我们并不需要form标签的一些默认事件,比如:

1.form内只有一个input标签的话,回车会触发表单的提交事件

2.form没有写action的话,默认就是当前页面

3.from内的button标签如果没有设置 type="button"属性的话,那么点击该button会触发表单的提交事件

解决方案如下:

阻止1默认事件有两个解决方案:

  1.   添加一个隐藏的input框
  2.   绑定表单的提交事件,事件处理过程中写 return false

阻止3默认事件,建议非提交button填写type属性

在只有一个input框的情况下回车触发表单提交事件这个过程中的路径分析:

  1. 触发button的点击事件(该button是submit类型的)
  2. 触发表单的提交事件
  3. 表单提交

注意事项:

  •   在该过程中,可以在任何一步终止该路径
  •        并不是每一步都是必须的

 

转载于:https://www.cnblogs.com/theone67/p/7798703.html

你可能感兴趣的文章
父窗口与子窗口之间的传值
查看>>
eclipse 找不到 tomcat 的解决方案
查看>>
HDU 1890--Robotic Sort(Splay Tree)
查看>>
connection string for Excel/Access 2010
查看>>
【转】【Python】Python中的__init__.py与模块导入(from import 找不到模块的问题)
查看>>
学习wavenet_vocoder之环境配置
查看>>
常用Maven命令
查看>>
Docker启动mysql的坑2
查看>>
j2ee爬坑行之二 servlet
查看>>
JAVA基础入门(JDK、eclipse下载安装)
查看>>
最基础的applet运用--在applet上画线
查看>>
并不对劲的hdu4777
查看>>
linux使用rz、sz快速上传、下载文件
查看>>
判断数字的正则表达式
查看>>
DOC常用命令(转)
查看>>
php写一个判断是否有cookie的脚本
查看>>
Mac配置Fiddler抓包工具
查看>>
转:Java并发集合
查看>>
Word截图PNG,并压缩图片大小
查看>>
Python项目对接CAS方案
查看>>