html实现确认和取消按钮

在填写表单的时候，有时候需要设置确认和重填的功能，可以借助JavaScript来实现。

就像这样，点击重填后，弹出确认框。

<inputtype="reset" value="重填"οnclick="return confirmReset()" class="buttonstyle" />

function confirmReset(){

var clickresult = false;

clickresult =window.confirm("点击重填后所有信息都将被清空。\n你确认重填吗？");

return clickresult;

}

</script>

这里用到了window. Confirm函数。

点击后：

如果点击确定，则所有已填写信息都会被清空，点击取消则维持不变。

每个form只需要一个重置按钮，在form与/form之间，不管有多少内容，一个重置就可以清空所有内容。

οnclick="return confirmReset()"的值决定是否继续执行下一步动作，如果为false则不继续，如果为true，则继续，前面提到的submit也是类似的。

html实现确认和取消按钮相关推荐

C# Form默认的确认和取消按钮
前言在C#的form工程中,微软提供了非常方便的确认和取消快捷默认按键设置,该设置直接可以在窗体属性中进行设置.下面以VS2019 为例简单介绍新建窗体工程 1.新建工程,将新窗体命名和大小指定, ...
layui弹框确认及取消按钮
1.取消按钮function btn1() {layer.closeAll(); } 2.确认按钮 function btn() {layui.use('layer', function(){var ...
Vant 2 调用Dialog组件确认与取消按钮的回调事件
Vant2 Dialog组件官方文档:https://youzan.github.io/vant/v2/#/zh-CN/dialog 消息提示 <script>Dialog.alert({ ...
mint-ui message box confirm弹框确认和取消按钮的回调
调用mint-ui message box confirm方法后点击确认和取消后如何执行对应的回调函数 MessageBox.confirm('', { message: 'xxx,你确定?', ...
message box确认弹框确认和取消按钮颜色互换
一.elementui中标准的样式如下图所示二.现在有个需求想要做成如下所示的弹框,因为强制删除不可逆,所以希望用户谨慎考虑删除操作,所以就希望取消和确认颜色互换. 三.话不多说上代码 this.$ ...
JS删除之前弹出一个带有确认和取消按钮的提示框confirm()
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri ...
微信小程序picker组件的确认，取消按钮方法
确定 bindchange 取消 bindcancel <picker mode="date" header-text="选择时间" f ...
小程序 vant-piker或则vant-area不显示标题和确认取消按钮
使用vant-picker或vant-area时,有时候会无法显示取消和确认按钮代码及截图如下: <van-popupshow="{{showAddress}}"posit ...
【表格操作栏删除确认弹出框 Popconfirm 气泡确认框变形，导致确认和取消不在同一行】
vben admin 中表格操作栏删除确认弹出框 Popconfirm 气泡确认框变形,导致确认和取消按钮不在同一行如图: 原因:因弹出框默认顶部弹出,又在页面边上受到挤压导致,更改弹出方向可解决 ...

html实现确认和取消按钮

html实现确认和取消按钮相关推荐

最新文章

热门文章