美文网首页前端大杂烩
隐式表单提交并不总是有效

隐式表单提交并不总是有效

作者: lio_zero | 来源:发表于2022-05-11 01:29 被阅读0次

隐式表单提交是在聚焦 input 元素时只需按下 ENTER 键的动作。事实证明,这只在两种情况下是可能的:

  • 表单有一个提交按钮
  • 表单只有一个 input 元素
<form onsubmit="alert(1)">
  <!-- 当 foo 被聚焦时,如果你按下回车,这将发出警告 -->
  <input name="foo" />
</form>

<form onsubmit="alert(2)">
  <!-- 这不会 -->
  <input name="foo" />
  <input name="bar" />
</form>

您可以通过添加一个隐藏的提交按钮来解决这个问题。

<input type="submit" hidden />

它也明确在规范定义。

相关文章

  • 隐式表单提交并不总是有效

    隐式表单提交是在聚焦 input 元素时只需按下 ENTER 键的动作。事实证明,这只在两种情况下是可能的: 表单...

  • form表单中只有一个input时,按enter键禁止刷新页面

    当form表单中只有一个input时,按回车键表单会当成提交页面,禁止提交的方法: 1.在form表单中添加一个隐...

  • 小程序模板消息群发

    由于小程序的限制,表单提交只能发送一次,如果想要群发就只能保存多个formid了,有效期为7天。自己个人提交表单获...

  • 12、Struts2表单重复提交

    什么是表单重复提交表单的重复提交:若刷新表单页面, 再提交表单不算重复提交.在不刷新表单页面的前提下:多次点击提交...

  • Http的post请求中表单、json提交的请求头、请求体区别

    1、真正的表单提交,http默认的也是表单 python模拟表单提交 2、json提交 python模拟json提交

  • 事务隐式提交, 回滚保存点

    事务隐式提交的情况 隐式提交: 在事务中使用一些语句会导致事务在该语句之前执行一次commit DCL(grant...

  • Javascript-表单脚本

    一、表单的基础知识 1、表单提交 普通提交 以编程方式调用submit()方法提交表单 解决表单重复提交的办法:1...

  • FormData

    表单,FormData 对象 表单概述 表单用来收集用户提交的数据,发送到服务器 表单提交 1. 提交 表单里...

  • koa 使用记录

    koa-body: 实现文件上传(form action=“...url” 提交表单式上传) koa-parser...

  • 400-Not Found

    在做项目的过程中,一个表单(form)的提交总是报错,400--bad request在我的项目中,提交表单的方式...

网友评论

    本文标题:隐式表单提交并不总是有效

    本文链接:https://www.haomeiwen.com/subject/ipjlhrtx.html