精华内容
下载资源
问答
  • html实现确认和取消按钮

    万次阅读 2016-05-19 01:19:36
    每个form只需要一个重置按钮,在form与/form之间,不管有多少内容,一个重置就可以清空所有内容。   onclick="return confirmReset()"的值决定是否继续执行下一步动作,如果为false则不继续,如果为true,则...

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


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

     

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

    <script> 

    function confirmReset(){

           var clickresult = false;

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

           return clickresult;

    }

    </script>

    这里用到了window. Confirm函数。

    点击后:


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

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

     

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


    展开全文
  • 用户点浏览器的最大化最小化关闭按钮中的关闭按钮时  onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。  该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。  对话框默认的提示...

    1、不带任何提示关闭窗口的js代码

    <input type="button" name="close" value="关闭" οnclick="window.close();" />

    2、自定义提示关闭

    <script language="javascript">
    // 这个脚本是 ie6和ie7 通用的脚本
    function custom_close(){
        if(confirm("您确定要关闭本页吗?")){
            window.opener=null;
            window.open('','_self');
            window.close();
        }
        else{
        }
    }
    </script>
    <input id="btnClose" type="button" value="关闭本页" onClick="custom_close()" />

    3、在即将离开当前页面(刷新或关闭)时

    转到菜鸟教程 
    用户点浏览器的最大化最小化关闭按钮中的关闭按钮时 
    onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。 
    该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。 
    对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 “确定要离开此页吗?”。该信息不能删除。 
    但你可以自定义一些消息提示与标准信息一起显示在对话框。 
    注意: 如果你没有在 元素上指定 onbeforeunload 事件,则需要在 window 对象上添加事件,并使用 returnValue 属性创建自定义信息(查看以下语法实例)。 
    注意: 在 Firefox 浏览器中,只显示默认提醒信息(不显示自定义信息)。 
    可以在about:config中将dom.allow_scripts_to_close_windows改为true。这里写图片描述

    HTML 中:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>html中</title>
    </head>
    <body onbeforeunload="return myFunction()">
    <p>该实例演示了如何向 body 元素添加 "onbeforeunload" 事件。</p>
    <p>关闭当前窗口,按下 F5 或点击以下链接触发 onbeforeunload 事件。</p>
    <a href="http://www.runoob.com">点击调整到菜鸟教程</a>     
    <script>
        function myFunction() {
            return "我在这写点东西...";
        }
    </script>
    </body>
    </html>

    JavaScript 中:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>html中</title>
    </head>
    <body onbeforeunload="return myFunction()">
    <p>该实例演示了如何向 body 元素添加 "onbeforeunload" 事件。</p>
    <p>关闭当前窗口,按下 F5 或点击以下链接触发 onbeforeunload 事件。</p>
    <a href="http://www.runoob.com">点击调整到菜鸟教程</a>     
    <script>
        function myFunction() {
            return "我在这写点东西...";
        }
    </script>
    </body>
    </html>
    JavaScript 中, 使用 addEventListener() 方法:
    
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>JavaScript 中, 使用 addEventListener() 方法</title>
    </head>
    <body>
        <p>该实例演示了如何使用 addEventListener() 方法向 body 元素添加 "onbeforeunload" 事件。</p>
        <p>关闭当前窗口,按下 F5 或点击以下链接触发 onbeforeunload 事件。</p>
        <a href="http://www.runoob.com">点击调整到菜鸟教程</a>
    <script>
        window.addEventListener("beforeunload", function(event) {
            event.returnValue = "我在这写点东西...";
        });
    </script>
    </body>
    </html>

    4、onload,onunload,onbeforeunload

    window.onload事件设置页面加载时执行的动作,即进入页面的时候执行的动作。 
    window.onunload已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用 
    一般用于设置当离开页面以后执行的动作。 
    window.onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取,简单来说就是在离开页面前的,一般用做提醒问你是不是要离开这个页面。 
    onunload和onbeforeunload都是在页面刷新和关闭前的动作,但是onbeforeunload是先于onunload的并且Onunload是无法阻止页面的更新和关闭,而 Onbeforeunload 可以做到。

    举个例子:

    <html>
    <head>
    <title>test close window</title>
    <script type="text/javascript"> 
    function hello(){
        alert("hello world");
    } 
     
    function ha(){
        alert("bye");
    }
    function go(){
        event.returnValue = "真的要退出吗?";
    } 
    </script>
    </head>
    <body onload="hello();" onunload="ha(); " onbeforeunload="go();">
    <h1>hello world</h1>
    <a href="http://www.baidu.com">heloo </a>
    </body>
    </html>

    用js onload处理html页面加载之后的事件

    <script type="text/javascript"> 
    window.οnlοad=function(){ 
    alert("加载完毕") 
    } 
    </script> 

    5、删除或(卸载)window.onbeforeunload事件

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
    </head>
    <script>
    window.onbeforeunload = onbeforeunload_handler;   
      function onbeforeunload_handler(){
     
      var warning="注意,确认关闭将导致系统崩溃";   
      return warning;   
      }
     
    function removefun()
    {
      window.οnbefοreunlοad=null;
    }
    </script> 
    <body class="frmbase">
        <form>   
            <div id="box" onclick="removefun()">点击我移除确认弹窗</div>
        </form>   
    </body>
    </html>

     

    展开全文
  • DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&g

    我们通过a标签中的 onclick 属性来实现
    通过 location.href 来设置路径

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
    <a οnclick="if(confirm(确认删除)==false)return false;location.href='目标路径'">删除</a>
    </body>
    </html>
    
    展开全文
  • html:cancelhtml:cancel标签生成一个取消按钮。当点击该按钮后action servlet会绕过相应的form bean的validate()方法,同时将控制权交给相应的action。在该action中可以使用Action.isCancelled(HttpServletRequest)...

    转自http://heisetoufa.iteye.com

    struts判断标签

    html:cancel
    html:cancel标签生成一个取消按钮。当点击该按钮后action servlet会绕过相应的form bean的validate()方法,同时将控制权交给相应的action。在该action中可以使用Action.isCancelled(HttpServletRequest)方法判断是否被取消了。如果返回true表示这个action被取消了,否则表示这个action没有被取消。

    请注意,如果您修改了html:cancel标签的property属性值,那么struts提供的cancel探测机制就失效了,您自己必须提供类似的机制。

    下面是可取消的action的配置文件,注意<set-property property="cancellable" value="true"/>这一行,如果不添加Struts会抛出org.apache.struts.action.InvalidCancelException异常。这是我在完成本指南的过程中发现的唯一向下不兼容的地方。

    Xml代码 
    1. <action path="/cancel"   
    2.   type="org.solo.struts.action.CancelAction" name="cancelForm" scope="request">  
    3.   <set-property property="cancellable" value="true"/>  
    4.   <forward name="success" path="/cancel.jsp" />  
    5. </action>  

     下面是html:cancel标签的代码:

    Html代码 
    1. <html:cancel>取消</html:cancel>  

     下面是对应的action中的代码:

    Java代码 
    1. if(isCancelled(request)){     
    2.   //action被取消时要做的事情写在这里  
    3.   return mapping.findForward("cancel");  
    4. }else{  
    5.   //action没有被取消时要做的事情写在这里  
    6.   return mapping.findForward("success");  
    7. }  

     

    展开全文
  • 用户点浏览器的最大化最小化关闭按钮中的关闭按钮时  onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。  该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。  对话框默认的提示信息...
  • 拥有确认和取消两个按钮的提示框

    千次阅读 2017-08-29 11:38:19
    confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。 语法 confirm(message) 参数 描述 message 要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本) 说明 ...
  • HTML5+CSS3内置功能按钮提示框是一款功能的HTML5+CSS3弹出提示框,带有小图标,而且可以关闭提示框,可以内置一些功能按钮,比如确定和取消
  • 在 iview 中 Modal对话框组件总是带着“取消”和“确定”这两个按钮,有时候在需求的时候,并不用这两个按钮,只是单独想要对话框而已,这怎么去除这个两个按钮? 如下图所示: iview官网...
  • 第一步,先把html考到页面底部,好吧。 *用户帐号 *用户
  • HTML取消点击事件等一些开发技巧

    千次阅读 2016-11-23 21:05:20
    HTML在实际开发中的一些小技巧
  • 移动端H5一个不限个数的通栏按钮 by FungLeo前言在移动端h5的页面上经常需要一些通栏的按钮.当然,要一个通栏的按钮这个事儿还是巨简单的.可是,产品经理和设计师永远都会给你添点麻烦.比如,明明是格式一样的按钮,...
  • checkbox全选按钮

    千次阅读 2019-06-04 21:28:09
    https://www.cnblogs.com/xiaofox0018/p/6243723.html 1.先写一个html页面,里面写一个全选...(2)点击全选按钮取消选中时,所有复选框取消选中。 <input type="checkbox" id="quanxuan" />全选&l...
  • layer.open({ title: ['温馨提示'], content: '您只需投资一款指定的金融产品,即可... btn: ['立即投资', '取消'], shadeClose: true, //回调函数 yes: function(index, layero){ self.location='http:
  • 如何将自己HTML文档变成超链接

    千次阅读 2021-06-17 05:20:23
    0 回答 2021-05-06 浏览:9 分类:其他问题 2 回答 2021-05-06 浏览:2 分类:其他问题 回答:超链接的代码是,把#替换成你要的链接就行,成这样HTML要做好排版 1 回答 2021-02-04 浏览:19 分类:其他问题 回答...
  • html超级简单实现点赞(收藏)和取消赞效果

    万次阅读 多人点赞 2017-07-28 10:34:56
    今天就用html+css实现超级简单易上手的点赞和取消赞的demo展示。 2.详情 1.css样式.like{ font-size:66px; color:#ccc; cursor:pointer;}2.html内容<p class="like">❤</p>3.js代码<script typet="text/jav
  • 转载自:http://www.cocoachina.com/bbs/simple/?t2719.html 注意需要将 UIImagePickerController 这个类实例的delegate设为self 实现UINavigationControllerDelegate的接口如下 - (void)navigationController:...
  • http://www.cnblogs.com/bison1989/archive/2012/04/18/2455068.html 这两天要弄个东西,然后不想要WinForm自带的关闭窗体的按钮,想用自己定义的一个窗体按钮。又不希望通过更改Form.FormBorderStyle属性的...
  • html file 按钮更改显示文字问题

    万次阅读 2013-02-18 17:04:33
    上传时,file 按钮在部分浏览器下显示的是英文 "submit..." 通过程序把显示文字替换成了预想的。但测试时发现只能在 fiefox 浏览器正常运行。在 IE,chrome等浏览器下有安全方面的限制不能正常提交表单。 替换...
  • js中confirm提示三个按钮“是”“否”“取消”  重载DOM中confirm  window.confirm = function(str) { str=str.replace(/\'/g, "'&chr(39)&'").replace(/\r\n|\n|\r/g, "'&VBCrLf&'"); ...
  • UEditor切换到html源代码模式,手写一些div/script/style等html代码后,切换回默认模式,会自动把一些标签给过滤掉。以下方法是关闭自动过滤(本文来自http://www.itdos.com 转载请保留此标识,谢谢!): 1、找到...
  • 关于html页面展现pdf文件,并隐藏打印、下载等按钮的总结 由于项目需求,要在页面预览pdf文件而不能提供下爱打印功能,故在网上查询了一些前辈的经验,自己也尝试了一番,现在讲经验总结一下。 pdfobject.js jquery...
  • HTML本页点击按钮显示其他按钮

    千次阅读 2013-04-17 17:48:55
    由于手机wap页面不支持弹框,所以二次确认就不好,临时想了这个方法 html代码: New Document function test() { var order = document.getElementById("order"); if
  • 前端开发中的数据提交,目前大多数采用表单提交的方式,但是对于很对初学者来说,只知道...有一个确定和取消的提交按钮;  注册  用户名:   证件类型:      身份证  军官证    证件号:
  • 来自:...声明:本例子是基于自定义confirm对话框 的修改 效果: 源代码示例下载 【主函数】 1、msgbox(title,text,func,cancel,focus,icon) 参数说明:  title :弹出对话框的标题
  • Confirm选择按钮提示框

    2012-05-08 14:41:37
    纯as3代码编写的一个confirm提示类,效果类似...不过点击确定或者取消不会返回true或者false,如果需要在点击按钮时执行方法的话,需要在show()方法调用时就传入待执行的方法,以及方法的参数集合。使用方法详见代码。
  • 点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。 项目应用 项目中有个需求:点击一个...
  • 生成漂亮的CSS确认框按钮悬浮效果

    千次阅读 2015-04-28 10:28:36
    生成漂亮的CSS确认框按钮悬浮效果html:<!DOCTYPE html> <html lang="en"> </head><body> <div id="holder"><h2>buttotn 请将
  • 提交按钮样式_提交样式

    千次阅读 2020-06-20 19:34:51
    用图像替换此默认按钮所需要的就是将类型更改为image,然后声明源图像,如下所示: <input type="image" value="Submit" src="submit-1.gif" /> 如果您想进一步设置样式声明的样式(例如,浮点数,边...
  • vue单选按钮 按钮格式为图片

    千次阅读 2020-06-12 17:32:03
    vue中不使用`<...html部分 <ul> <li v-for="(item,index) in arr" :key="item.id" @click="chooseClick(index)"> <span> <img v-if="item.isChoose" src="./img/choose.png" alt />

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 69,372
精华内容 27,748
关键字:

html的取消按钮怎么做