首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

两种形式 - 两个提交按钮.控制器如何识别单击了哪个按钮?

在两种形式中,每个提交按钮都可以有一个唯一的名称或值。当用户单击一个按钮时,该按钮的名称或值将作为表单数据的一部分提交给控制器。控制器可以通过检查提交的数据来识别哪个按钮被单击了。

例如,如果您有两个提交按钮,一个名为“save”,另一个名为“cancel”,当用户单击其中一个按钮时,控制器可以通过检查提交的数据中是否存在“save”或“cancel”的名称或值来确定哪个按钮被单击了。

在前端,可以使用JavaScript或jQuery等库来处理按钮的单击事件,并在单击事件中执行相应的操作。在后端,可以使用您熟悉的编程语言和框架来处理表单数据,并根据提交的数据中是否存在特定的名称或值来执行相应的操作。

以下是一个简单的示例,展示了如何在HTML和JavaScript中创建两个提交按钮,并在单击其中一个按钮时执行不同的操作:

HTML代码:

代码语言:txt
复制
<form>
 <input type="submit" name="action" value="save">
 <input type="submit" name="action" value="cancel">
</form>

JavaScript代码:

代码语言:txt
复制
document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault();
  const action = new FormData(event.target).get('action');
  if (action === 'save') {
    // 执行保存操作
  } else if (action === 'cancel') {
    // 执行取消操作
  }
});

在这个示例中,当用户单击其中一个按钮时,JavaScript代码将检查提交的数据中是否存在“save”或“cancel”的值,并执行相应的操作。请注意,这只是一个简单的示例,实际应用中可能需要更复杂的逻辑和安全措施。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

IDEA 中如何完成 Git 版本回退?

1.2 add 到暂存区的代码想撤销 如果想要撤销,但是代码已经提交到暂存区,不用担心,也能撤销,分两个步骤: 将暂存区的代码撤销到工作区 将工作区的代码撤销(具体操作和 1.1 小节一致) 将暂存区的代码撤销...我们每次提交成功后,都会生成一个哈希码作为版本号,所以这里我们也可以直接填版本号,哈希码很长,但是我们不用全部输入,只需要输入前面几个字符即可,就能识别出来。...2.1 未提交就撤销 对于第一小节的前两种撤销操作,即修改的文件还没 commit,此时想要撤销,方式很简单,点击 IDEA 右上角的撤销按钮: 如果你修改了文件,无论有没有执行 git add 命令...,只要没有 commit,都可以通过这个按钮撤销修改,点击该按钮,弹出如下提示框: 这里会列出来所有修改但是没有 commit 的文件,想要撤销哪个文件的修改,就勾选该文件,然后点击 Rollback...2.2 commit 想撤销 如果已经 commit ,那么就需要先打开提交日志,点击如下按钮打开: 也可以直接点击 IDEA 右上角的时钟图标,快速打开提交日志: 提交日志类似下面这样: 此时的回退就分情况

2.4K30

用纯 JavaScript 撸一个 MVC 框架

我不打算再写CSS,因为它不是本文的重点。 好的,现在我们有HTML和CSS,下面该开始编写程序。 入门 我会使这个教程简单易懂,使你轻松了解哪个类属于 MVC 的哪个部分。...当你提交新的待办事项、单击删除按钮单击待办事项的复选框时,将触发一个事件。视图必须侦听这些事件,因为它们是视图的用户输入,它会将响应事件所要做的工作分配给控制器。 我们将为事件创建 handler。...首先,提交一个 handleAddTodo 事件,当我们创建的待办事项输入表单被提交时,可以通过按 Enter 键或单击提交按钮来触发。这是一个 submit 事件。...按照处理单击删除按钮的方式处理此方法,并调用模型方法。...总结 现在你拥有一个用纯 JavaScript 写的 todo 程序,它演示模型 - 视图 - 控制器体系结构的概念。以下是演示和源代码的链接。

3.3K41
  • Edge2AI之NiFi 和流处理

    单击按钮并添加以下两个服务: JsonTreeReader,具有以下属性: Schema Access Strategy: Use 'Schema Name' Property Schema Registry...为了完成这个实验,让我们提交和版本化我们刚刚完成的工作。返回 NiFi 根画布,单击“Nifi Flow”面包屑。...现在,我们可以利用元数据为每条消息动态加载正确的模式,而不是硬编码我们应该使用哪个模式来读取消息。...再次点击加号按钮(),添加一个RestLookupService控制器服务,如下图配置,完成后点击应用: 在Properties选项卡上: URL:http://modelservice.cdsw....单击应用。 运行流程 我们现在已经准备好运行和测试我们的流程。请按照以下步骤操作: 启动流程中的所有处理器。 刷新您的 NiFi 页面,您应该会看到消息通过您的流程。失败队列应该没有排队的记录。

    2.5K30

    基于Mininet的MAC地址学习实验

    2 单击“下一步”,选择网络拓扑,再单击“下一步”,确认虚网清单。 ? 3 单击“创建”,成功创建虚网。 ? 步骤2:添加控制器 1 单击虚网名(这里是“Slice5”),进入“虚网详情”页。...2 单击控制器”部分的“ ? ”按钮,请根据实际情况选择控制器。...由于启动虚网必须要创建一个控制器,此处的控制器选择不影响实验结果(这里选择的是Floodlight控制器),接着按照提示直到创建成功。 步骤3:添加网关 单击“网关”部分的“ ? ”按钮,添加网关。...步骤5:启动虚网、网关和虚拟机 1 单击页面右上角的“ ? ”按钮,启动虚网,虚网启动成功后,控制器也会启动成功。 2 单击“网关”部分的“ ? ”按钮,启动网关。...3 选择“虚拟机”部分创建好的虚拟机,单击“ ? ”按钮启动。 4.2 实验操作 1在虚拟机上启动Mininet,创建一个线型拓扑(如实验任务中图所示),控制器设置为无。

    1.6K50

    Active Directory与域服务,介绍,安装

    ”复选框,单击“下一步”按钮  (3)在“确认”界面中,单击“安装”按钮, 剩下配置默认下一步 (4)在“服务器管理器”窗口上方单击黄色叹号图标,然后单击“将此服务器提升为域控制器”    (...(6)在“域控制器选项”界面中选择新林和根域的林功能级别,输入并确认一个符合密码策略 的密码,单击“下一步”按钮。...---- 4.将客户机加入域 客户机加入域的条件 一台计算机要联机加入域,必须满足以下两个条件 确保该计算机和城控制器互相连通。...配置正确的DNS地址(在本例中,DNS服务器即域控制器,所以DNS服务器的地址为域控制器的IP地址) (1)打开计算机属性,单击“更改设置”按钮,打开“系统属性”对话框。   ...单击“确定”按钮  (4)弹出成功加入域的提示框,单击“确定”按钮,然后重新启动计算机便可使用域账户登录该域。 创作不易,求关注,点赞,收藏,谢谢~

    91220

    超详细的Github官方教程:如何创建项目并发出拉取请求

    现在您有两个分支,即master和readme-edits。它们看起来完全一样, 但不用等太久!接下来,我们将所做的更改添加到新分支中。 第三步.修改和提交 太棒!...修改和提交 单击README.md文件。 单击文件视图右上角的铅笔图标进行编辑。 在编辑器中,写一些关于您自己的信息。 编写描述您所做更改的提交消息。 单击提交更改按钮。...拉取请求显示两个分支中内容的差异或差异。更改,加法和减法以绿色和红色显示。 提交修改后,您就可以打开拉取请求并开始讨论。...第五步.合并拉取请求 在最后一步,是时候将您的更改集中在一起,将readme-edits分支合并到master分支中: 单击绿色的“Merge pull request”按钮单击确认合并。...继续并删除分支,因为已经合并更改,因此在紫色框中单击“Delete branch”按钮。 恭喜!您已经学会了创建项目并在GitHub上发出拉取请求! ·END·

    4.1K10

    wd移动硬盘不能识别_西数移动硬盘电脑提示无法识别USB设备怎么办「建议收藏」

    大家好,又见面,我是你们的朋友全栈君。...usb设备插入计算机接口,然后在桌面左下角单击“开始”菜单,单击“运行”命令,打开框中键入“cmd”命令,单击“确定”按钮。...3.重新启动计算机,在打开框中键入“devmgmt.msc”命令,单击“确定”按钮或者右击桌面上“我的电脑”图标,弹出的快捷菜单选择“属性”命令,在系统属性界面切换到“硬件”选项卡,在下面单击“设备管理器...4.打开设备管理器,在菜单栏上单击“查看”——“显示隐藏的设备”。 5.双击“通用串行总线控制器”项目,将下面所有灰色项目和USB大容量存储设备都卸载掉。...8.如果还没好,右击“通用串行总线控制器”下的“USB Root Hub”项目,打开的右键菜单单击“属性”命令。

    4K20

    超详细! | TIA Portal 中 SINAMICS 驱动集成的完整指南

    在本教程中,我为您提供在 TIA Portal 项目中集成 SINAMICS 驱动器的完整分步指南,包括如何在 Startdrive 中调试 SINAMICS 驱动器的标准和安全功能,如何在您的 TIA...TIA Portal 允许我们通过一个操作来创建这两种连接。 要在 PLC 和 HMI 之间创建 HMI 连接,请通过单击连接激活连接工具,并确保在连接类型下拉列表中选择 HMI 连接。...这适用于使用具有技术功能的高级控制器的应用程序。 对于我们的输送机控制应用程序,我们将在驱动器中保留斜坡生成的默认选择,并通过 Profinet 网络来自控制器的设定值。...驱动控制人机界面 标记开始、停止和重置按钮 当按下启动按钮时,我们希望驱动器连续运行。为了适应这种情况,我选择开始按钮并导航到属性 > 事件下的 Press 事件。...要开始模拟,请单击 Start Simulation 按钮。 模拟人机界面 现在,我可以使用 HMI 来启动驱动器。启动后,我看到电机开始转动,驱动器加速到设定速度。

    3K30

    一篇文章读懂UI按钮设计细节与规范

    按钮是一种可以让用户产生对其描述作用的交互式元素。咱们打个赌,如果一个按钮上显示“保存”,那么单击它很可能会“保存”某些内容。按钮也是任何数字产品中最重要的交互元素之一。 ?...按钮也可以触发诸如购买,下载,发送或者其它很多重要的操作。数字按钮是现实世界中按钮的下一代表现形式,比如电视遥控器,音乐播放机或者游戏控制器中的按钮。...从左到右,将按钮中的元素逐渐删除,它的功能性开始消失, 以至于变成了装饰或者文字,失去了其可操作的特性。 熟悉的就是好的 我们习惯了通常与动作关联的某些形状或者形式。...除了用基于网格的方式外,我们还可以使用大写字母W来选择按钮安全距离的方法。如下图,如果按钮的上下两侧可以放下一个W的话,在侧面,最合适的情况是放下两个W,以此来提高可读性。 ?...这会使边缘突出太多,使注意力从按钮本身上移开。如上图两种都是错误的例子。 最后的总结 当你开始设计主按钮,辅助按钮和三级按钮时,请记住每次都要针对上面这些因素进行检查。

    3.8K30

    usb无法识别怎么办 教你解决usb无法识别

    不过也会遇到过这样的情况,就是将usb设备连接到电脑之后,电脑显示无法正确读取,下面,小编就给大家分享usb无法识别的图文方法。...其实,造成USB设备无法识别的故障是由于很多原因引起的,包括软、硬件,那该如何解决这个问题呢?下面,小编就来跟大家讲解解决usb无法识别的方法。...电脑usb图-4 打开设备管理器,在菜单栏上单击“查看”,选择“显示隐藏的设备”。 usb图-5 双击“通用串行总线控制器”项目,将下面所有灰色项目和USB大容量存储设备都卸载掉。...无法识别图-7 拔掉USB设备,然后再重新插上 usb设备图-8 如果还没好,右击“通用串行总线控制器”下的“USB Root Hub”项目,打开的右键菜单点击“属性”命令。...usb设备图-9 打开的属性窗口切换到“电源管理”选项卡,去掉“允许计算机关闭此设备以节约电源”,点击“确定”按钮 无法识别图-10 以上就是usb无法识别的讲解方法

    4.1K10

    为啥你的UI界面感觉乱?这7个常见问题一定要避免

    b.注意重复的列表和块 通常情况下,列表有以下几种形式:图像+文本,图标+文本,数字+文本等。您应该考虑用哪种形式可以让信息更有效的表达。 对于描述功能的小文本块,您可以使用三列布局。...因此,错误通知应满足以下简单规则: · 它们应该是可识别且引人注意的(例如,红色是常见的UI模式,指示错误)。 · 他们应该清楚地说明发生了什么,以及用户如何解决该错误。 · 它们应该是上下文的。...我们可怜的用户大声说:“等等,我只是在表单字段之间单击,甚至没有单击'提交'!” 而且情况甚至可能变得更糟。例如,假设您有另一个检查,“提交按钮将被禁用,直到所有必填字段不再为空。 ‍...您的可怜用户没有做任何事情,也无法提交表格,但是您已经将他的几个错误归咎于他。这肯定会激怒任何人,因此最好避免这种情况。 ‍ ?...a.保持留白 如果您将两个完全不同的元素放置在彼此非常靠近的位置,那么用户将不会理解哪个元素是“主要”元素。这就是为什么我们可以说对比不仅是对元素应用不同的视觉样式,而且还涉及使用留白的艺术。

    1.3K40

    ExtJs十(ExtJs Mvc用户管理之二)

    id,目的就是在控制器中使用id查找按钮。...panel.add这句下加入以下代码: me.getUserView().on("selectionchange", me.onUserSelect, me); 在onUserSelect方法内,利用get方法返回两个按钮后...me.getButtonUserAdd().on("click", me.onAddUser, me); 在onAddUser方法内,要做的操作是先调用cancelEdit取消当前编辑操作,以避免在编辑过程中单击添加按钮出现问题...如果不清楚,可在页面单击添加按钮,然后单击保存按钮,在Firebug中就可以看到如图28所示的提交数据。 在服务器端的处理过程就是通过data提取数据,然后转换为JSON数组,从数组中把数据提取出来。...现在切换到Users控制器的脚本,为删除按钮绑定单击事件,代码如下: me.getButtonUserDelete().on("click", me.onDeleteUser, me); 在onDeleteUser

    6.7K20

    Cobalt Strike最实用的24条命令(建议收藏)

    getuid命令用于获取当前Beacon是以哪个用户的身份运行的、是否具有管理员权限等,如图所示。...Beacon命令行支持两种形式(192.168.1.128-192.168.2.240;192.168.1.0/24),自定义的端口范围用逗号分隔。 端口扫描界面支持两种扫描方式。...可以选中目标进程,单击“Kill”按钮来结束进程。直接在Beacon命令行环境中使用“kill [pid]”形式的命令,也可以结束一个进程。...选择一个进程,单击“Inject”按钮,将弹出监听器选择界面。选择一个监听器,就会返回目标进程PID的Beacon会话。...单击“确定”按钮后,标记就会在会话列表中显示出来,如图所示。 给指定的Beacon设置标记 显示标记 Note模块可用来区分不同重要程度的机器。

    1.8K10

    文档和元素的几何滚动

    onsubmit事件只能通过单击提交按钮触发。(通过回车也能触发该事件)如果直接调用表单的submit()方法将不会触发onsubmit事件处理程序。...其过程如下 先触发onsubmit事件 → 接着调用submit()方法完成提交。 重置触发的事件 当用户单击重置按钮,将会触发onreset事件。...即使用this.form.x 按钮 拥有两种方式,该两种方式都会生成按钮。 超链接与按钮一样提供onclick事件处理程序。...开关按钮 复选框和单选元素为开关按钮,或称之为有两种视觉状态的按钮。即选中或未选中。通过对其单击,用户可以改变其开关状态。...当用户单击按钮,会触发onclick事件,由于改变状态会触发onchange事件,但是,当用户单击其他单选按钮而导致这个单选按钮状态的改变,后者不触发onchange事件。

    5.2K00

    Cobalt Strike最实用的24条命令(建议收藏)

    getuid命令用于获取当前Beacon是以哪个用户的身份运行的、是否具有管理员权限等,如图所示。...Beacon命令行支持两种形式(192.168.1.128-192.168.2.240;192.168.1.0/24),自定义的端口范围用逗号分隔。 端口扫描界面支持两种扫描方式。...可以选中目标进程,单击“Kill”按钮来结束进程。直接在Beacon命令行环境中使用“kill [pid]”形式的命令,也可以结束一个进程。...选择一个进程,单击“Inject”按钮,将弹出监听器选择界面。选择一个监听器,就会返回目标进程PID的Beacon会话。...单击“确定”按钮后,标记就会在会话列表中显示出来,如图所示。 给指定的Beacon设置标记 显示标记 Note模块可用来区分不同重要程度的机器。

    42210

    AVKit框架详细解析(二) —— 基于视频播放器的画中画实现(一)

    在项目导航器中单击 RickTV 项目,然后单击Signing & Capabilities。 注意:对 RickTV target执行以下步骤时,Xcode 可能会崩溃。...打开视频并点击按钮以启动画中画。 太棒! PiP 开始在自定义控制器中播放,但您还没有完成。...对于这两种类型的播放器控制器,当用户在画中画窗口中点击Restore时,代理扩展会调用此方法。...也许您的用户正在同时观看两个视频,它们的效果如何! 2) 如果有一个展示的控制器,在没有动画的情况下关闭它,因为用户希望尽快让他们的视频恢复正常并且对任何视图控制器动画不感兴趣。...4) 如果没有展示控制器,只需再次呈现原始控制器并调用completion block。 构建并运行。 上面的 GIF显示两个代码路径: 1) 进入画中画然后恢复继续全屏显示画中画视频。

    2.8K10

    input标签的type属性汇总

    6.提交按钮 提交按钮是表单中的核心控件,用户完成信息的输入后一般都需要单击提交按钮才能完成表单数据的提交。...可以对其应用 value属性,改变提交按钮上的默认文本。 7.重置按钮 当用户输入的信息有误时,可单击重置按钮取消已输入的所有表单信息。...8.图像形式提交按钮 图像形式提交按钮与普通的提交按钮在功能上基本相同,只是它用图像替代默认的按钮,外观上更加美观。...10.文件域 当定义文件域时,页面中将出现一个“选择文件”按钮和提示信息文本,用户可以通过单击按钮然后直接选择文件的方式,将文件提交给后台服务器。...其基本形式是# RRGGBB,默认值为#000000,通过value属性值可以更改默认颜色。单击clor类型文本框,可以快速打开拾色器面板,方便用户可视化选取一种颜色。

    2.8K10

    steamvr插件怎么用_微信word插件加载失败

    而不是编写代码来识别 “将 Trigger 按钮下拉 75% 的方式来抓取块”,您现在可以只关注最后一点, “抓住块”。...4.6 SteamVR_Behaviour_Skeleton Events   有两种形式的骨骼行为(skeleton behaviour)有五个有用的事件。...使用手榴弹,您将获得两种不同的姿势,具体取决于您如何拿起它们。 Happy Ball 在您的手中移动并挤压。...有两种类型的抓斗 – 抓握和捏抓抓。 这些通常与手柄按钮和触发按钮相关联,但在 Knuckles 控制器上具有特殊功能。...5.5.2 ControllerButtonHints 提示是根据控制器的渲染模型设置的。 SteamVR 提供从渲染模型组件到按钮 ID 的映射。 此映射用于确定控制器哪个部分对应于哪个按钮

    3.6K10
    领券