精华内容
下载资源
问答
  • 要求是不使用图片,实现右上角删除键功能 实现流程: a. 使用输入法工具(比如搜狗输入法工具箱,也可以使用电脑自带的“字符映射表”)找到符号“ × ”; b. 在一个div块级元素中放置符号“ × ”,使用strong...
    1. 要求是不使用图片,实现右上角删除键功能
    2. 实现流程:
      a. 使用输入法工具(比如搜狗输入法工具箱,也可以使用电脑自带的“字符映射表”)找到符号“ × ”;
      b. 在一个div块级元素中放置符号“ × ”,使用strong加粗,设置div背景无颜色,边框颜色和字符颜色一致,都是红色;
      c. 调整div的width、border-radius、font-size和text-align(使字符居中),不用设置div的高度;
      d. 设置cursor:pointer(当鼠标悬浮在div上时,变成手势,增加按键真实感)。

    具体实现代码如下:
    代码

    效果图:
    效果图

    展开全文
  • 退格删除 .myinput{ width:70px; height:30px;} .tf{ width:220px; height:30px; margin-bottom:5px; font-size:26px; font-family:Tahoma, Geneva, sans-serif; color:#fff; border:2px solid #999; ...

    一、首先写个例子,点击退格实现删除文本框的字符文字:

    <!doctype html>
    <html lang="en">
    	<head>
            <meta charset="UTF-8">
    		<meta name="Generator" content="EditPlus®">
    		<meta name="Author" content="">
    		<meta name="Keywords" content="">
    		<meta name="Description" content="">
    		<title>退格删除</title>
        </head>
    	<script type="text/javascript" src="jquery-1.8.3.js"></script>
        <script type="text/javascript">
    		function del(){
    			var s2 = $("#test").val();
    			s2 = s2.substring("",s2.length-1);
    			s2 = (s2 == "" ? "" : s2);
    			$("#test").val(s2);			
    		}		
        </script>;
    
     <body>
    	<input type="text" id="test" />
    	<input type="button" οnclick="del()" value="退格" />
     </body>
    </html>



    二、计算器的退格键点击实现删除字符文字:

    <!doctype html>
    <html lang="en">
    	<head>
            <meta charset="UTF-8">
    		<meta name="Generator" content="EditPlus®">
    		<meta name="Author" content="">
    		<meta name="Keywords" content="">
    		<meta name="Description" content="">
    		<title>退格删除</title>
    		<style>
    			.myinput{ width:70px; height:30px;}
    			.tf{ width:220px; height:30px; margin-bottom:5px; font-size:26px; font-family:Tahoma, Geneva, sans-serif; color:#fff; border:2px solid #999; background:#000; text-align:right;}
    		}
    		</style>
        </head>
        <script type="text/javascript">
    		window.onload = function(){
    			var tf = $("tf");
    			for( var i=0;i<11;i++ ){
    				$("btn"+i).onclick = function(){
    				if(this.value == "." && tf.value == "") return false;
    				if(this.value == "." && tf.value.indexOf(".") != -1) return false;
    				if(tf.value == "0"){
    				if(this.value == "."){
    					tf.value += this.value;
    				}
    				}else{
    					tf.value += this.value; 
    				}
    				}
    			}
    				$("back").onclick = function(){
    					tf.value = tf.value.replace(/.$/,'')
    				}
    		}
    		function $(id){return document.getElementById(id);}
        </script>
    
     <body>
    	<input class="tf" name="textfield" type="text" id="tf" size="30" />
    	<br />
    	<input class="myinput" type="submit" name="button" id="btn0" value="0" />
    	<input class="myinput" type="submit" name="button" id="btn1" value="1" />
    	<input class="myinput" type="submit" name="button" id="btn2" value="2" />
    	<br />
    	<input class="myinput" type="submit" name="button" id="btn3" value="3" />
    	<input class="myinput" type="submit" name="button" id="btn4" value="4" />
    	<input class="myinput" type="submit" name="button" id="btn5" value="5" />
    	<br />
    	<input class="myinput" type="submit" name="button" id="btn6" value="6" />
    	<input class="myinput" type="submit" name="button" id="btn7" value="7" />
    	<input class="myinput" type="submit" name="button" id="btn8" value="8" />
    	<br />
    	<input class="myinput" type="submit" name="button" id="btn9" value="9" />
    	<input class="myinput" type="submit" name="button" id="btn10" value="." />
    	<input class="myinput" type="submit" name="button" id="back" value="退格" />
     </body>
    </html>



    展开全文
  • 点击某一个按钮,弹出对话框,需要在右上角添加删除按钮,其实很简单,需要创建一个对话框div,然后用css样式,固定位置top和right,如下: (1)右上角的删除按钮css样式为: .delete_right { display: block; cursor: ...

        点击某一个按钮,弹出对话框,需要在右上角添加删除按钮,其实很简单,需要创建一个对话框div,然后用css样式,固定位置top和right,如下:

        (1)右上角的删除按钮css样式为:

       

    .delete_right {
        display: block;
        cursor: pointer;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 22px;
        right: 30px;
        background: url(../img/icons.png) -48px -96px no-repeat;
    }

        (2)html代码为:

        

    <div ng-show="base_view" class="labletitle"
    	style="top: 54px; left: 0px;width: 70%; margin-top: 2%;margin-left: 22%;margin-right: 10%; background-color: #F7F4F4;   -webkit-box-shadow: 0 8px 20px rgba(100, 100, 100, 0.85); z-index: 10;">
        <a class="delete_right"></a></div>


    展开全文
  • 禁用Backspace键 ,ASP.NET按删除键返回上一张页面  在网页制作中,由于Backspace键可以回退到上一个网页,利用了缓存的数据,从而导致一些错误发生。网上一些文章: 转贴:禁用浏览器后退之方法比较- -   ...

    禁用Backspace键 ,ASP.NET按删除键返回上一张页面

          在网页制作中,由于Backspace键可以回退到上一个网页,利用了缓存的数据,从而导致一些错误发生。网上一些文章:

    转贴:禁用浏览器后退之方法比较- -

                                          

     

     

           浏览器的后退按钮使得我们能够方便地返回以前访问过的页面,它无疑非常有用。但有时候我们不得不关闭这个功能,以防止用户打乱预定的页面访问次序。本文介绍网络上可找到的各种禁用浏览器后退按钮方案,分析它们各自的优缺点和适用场合。

    一、概述 
      曾经有许多人问起,“怎样才能‘禁用’浏览器的后退按钮?”,或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面?”在ASP论坛上,这个问题也是问得最多的问题之一。遗憾的是,答案非常简单:我们无法禁用浏览器的后退按钮。

      起先我对于居然有人想要禁用浏览器的后退按钮感到不可思议。后来,看到竟然有那么多的人想要禁用这个后退按钮,我也就释然(想要禁用的只有后退按钮,不包括浏览器的前进按钮)。因为在默认情况下,用户提交表单之后可以通过后退按钮返回表单页面(而不是使用“编辑”按钮!),然后再次编辑并提交表单向数据库插入新的记录。这是我们不愿看到的。

      因此我就决定要找出避免出现这种情况的方法。我访问了许多网站,参考了这些网站所介绍的各种实现方法。如果你经常访问ASP编程网站,本文所介绍的部分内容你可能已经见到过。本文的任务是把各种可能的方法都介绍给大家,然后找出最好的方法!

    二、禁止缓存

      在我找到的许多方案中,其中有一种建议禁止页面缓存。具体是使用服务器端脚本,如下所示:

    < %

    Response.Buffer = True

    Response.ExpiresAbsolute = Now() - 1

    Response.Expires = 0

    Response.CacheControl = "no-cache"

    % >

    这种方法非常有效!它强制浏览器重新访问服务器下载页面,而不是从缓存读取页面。使用这种方法时,编程者的主要任务是创建一个会话级的变量,通过这个变量确定用户是否仍旧可以查看那个不适合通过后退按钮访问的页面。由于浏览器不再缓存这个页面,当用户点击后退按钮时浏览器将重新下载该页面,此时程序就可以检查那个会话变量,看看是否应该允许用户打开这个页面。

    例如,假设我们有如下表单:

    < %

    Response.Buffer = True

    Response.ExpiresAbsolute = Now() - 1

    Response.Expires = 0

    Response.CacheControl = "no-cache"


    If Len(Session("FirstTimeToPage")) > 0 then

    &single; 用户已经访问过当前页面,现在是再次返回访问。

    &single; 清除会话变量,将用户重定向到登录页面。

    Session("FirstTimeToPage") = ""

    Response.Redirect "/Bar.asp"

    Response.End

    End If


    &single; 如果程序运行到这里,说明用户能够查看当前页面

    &single; 以下开始创建表单

    %>

     

    < form method=post action="SomePage.asp">

    < input type=submit>

    < /form>

     

     

    我们借助会话变量FirstTimeToPage检查用户是否是第一次访问当前页面。如果不是第一次(即Session("FirstTimeToPage")包含某个值),那么我们就清除会话变量的值,然后把用户重新定向到一个开始页面。这样,当表单提交时(此时SompePage.asp被打开),我们必须赋予FirstTimeToPage一个值。即,在SomePage.asp中我们需要加上下面的代码:

    Session("FirstTimeToPage") = "NO"

    这样,已经打开SomePage.asp的用户如果点击后退按钮,浏览器将重新请求服务器下载页面,服务器检查到Session("FirstTimeToPage")包含了一个值,于是就清除Session("FirstTimeToPage"),并把用户重定向到其他页面。当然,所有这一切都需要用户启用了Cookie,否则会话变量将是无效的。(有关该问题的更多说明,请参见For session variables to work, must the Web visitor have cookies enabled?)

    另外,我们也可以用客户端代码使浏览器不再缓存Web页面:

    < html>

    < head>

    < meta http-equiv="Expires" CONTENT="0">

    < meta http-equiv="Cache-Control" CONTENT="no-cache">

    < meta http-equiv="Pragma" CONTENT="no-cache">

    < /head>

    如果使用上面的方法强制浏览器不再缓存Web页面,必须注意以下几点:

    只有在使用安全连接时“Pragma: no-cache”才防止浏览器缓存页面。对于不受安全保护的页面,“Pragma: no-cache”被视为与“Expires: -1”相同,此时浏览器仍旧缓存页面,但把页面标记为立即过期。 
    在IE 4或5中,“Cache-Control”META HTTP-EQUIV标记将被忽略,不起作用。 
      在实际应用中我们可以加上所有这些代码。然而,由于这种方法不能适用于所有的浏览器,所以是不推荐使用的。但如果是在Intranet环境下,管理员可以控制用户使用哪种浏览器,我想还是有人会使用这种方法。

    三、其他方法

       接下来我们要讨论的方法以后退按钮本身为中心,而不是浏览器缓存。这儿有一篇文章Rewiring the Back Button很值得参考。不过我注意到,如果使用这种方法,虽然用户点击一下后退按钮时他不会看到以前输入数据的页面,但只要点击两次就可以,这可不是我们希望的效果,因为很多时候,固执的用户总是能够找到绕过预防措施的办法。

       另外一种禁用后退按钮的办法是用客户端JavaScript打开一个没有工具条的窗口,这使得用户很难返回前一页面,但不是不可能。一种更安全但相当恼人的方法是,当表单提交时打开一个新的窗口,与此同时关闭表单所在的窗口。但我觉得这种方法不值得认真考虑,因为我们总不能让用户每提交一个表单就打开一个新窗口。

       那么,在那个我们不想让用户返回的页面是否也可以加入JavaScript代码呢?在这个页面中加入的JavaScript代码可用来产生点击前进按钮的效果,这样也就抵消了用户点击后退按钮所产生的动作。用于实现该功能的JavaScript代码如下所示:


    < script language="JavaScript">

    < !--

    javascript:window.history.forward(1);

    //-->

    < /script>

    同样地,这种方法虽然有效,但距离“最好的方法”还差得很远。后来我又看到有人建议用location.replace从一个页面转到另一个页面。这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远不会变为可用。我想这可能正是许多人所寻求的方法,但这种方法仍旧不是任何情况下的最好方法。使用这种方法的实例如下所示:

    < A HREF="PageName.htm" οnclick="javascript:location.replace(this.href);

    event.returnValue=false; ">

    禁止后退到本页面的链接< /A>

    试试下面这个链接:

    禁止后退到本页面的链接!

    这种方法的缺点在于:简单地运用Response.Redirect将不再有效,这是因为每次用户从一个页面转到另一个页面,我们都必须用客户端代码清除location.history。另外还要注意,这种方法清除的是最后一个访问历史记录,而不是全部的访问记录。

    点击上面的链接,你将打开一个简单的HTML页面。再点击后退按钮,你可以看到这时打开的不是本页面,而是本页面之前的页面!(当然,你必须在浏览器中启用了客户端JavaScript代码。)

    经过一番仔细的寻寻觅觅之后,我发现仍旧无法找出真正能够完全禁用浏览器后退按钮的办法。所有这里介绍的方法都能够在不同程度上、以不同的方式禁止用户返回前一页面,但它们都有各自的局限。由于不存在能够完全禁用后退按钮的方法,所以最好的方案应该是:混合运用客户端脚本和服务器端脚本。
    =====================================================================
    其他方法:
    1. 在page_load中加入:Response.Cache.SetCacheability(System.Web.HttpCacheability.NoCache);
    2. 在页面脚本<body>中加入:οnkeydοwn="return (event.keyCode!=8)"

    展开全文
  • 禁用Backspace键 ,ASP.NET按删除键返回上一张页面 在网页制作中,由于Backspace键可以回退到上一个网页,利用了缓存的数据,从而导致一些错误发生。网上一些文章:转贴:禁用浏览器后退之方法比较- - 浏览器的...
  • js 判断键盘事件大全 兼容FireFox和IE(退格、制表、回车、空格、方向键、删除键等) 时间 2013-04-12 16:38:00 博客园-原创精华区 原文 http://www.cnblogs.com/lr-ting/archive/2013/04/12/3016927.html ...
  • //调用MeetingDAO的deleteMeeting()方法,并将meetings.jsp传来的参数作为deleteMeeting()方法的参数,实现对Meeting表和Apply表相应记录的删除 %> 会议删除成功!//页面提示信息 </html>
  • 修改windows的注册表实现键盘键位映射的修改
  • Redis过期删除策略 对于过期一般有三种删除策略 定时删除:在设置的过期时间的同时,创建一个定时器(timer),让定时器在的过期时间来临时,立即执行对删除操作;惰性删除:放任过期不管,但是...
  • vue + flex布局完美实现微信左滑删除

    千次阅读 2018-11-27 18:47:32
    前端实现左滑删除的帖子网上有很多,但是没有找到一款能跟微信完全一样的,大多的思路都是将删除键隐藏在最右边,滑动的时候拉出来,而微信原版的按钮是有缩放效果的,也就是右滑的时候,按钮宽度会缩小,并不是直接...
  • 当我们的网页内有一个只读属性的表单时,如下: 上面的这个文本域只是用来向用户展示一些信息的,用户不能对其进行更改...比如当光标位于这个只读属性的文本域内时,如果用户按下了backspace(退格删除键),那么就
  • python实现点击按钮删除数据

    千次阅读 2018-06-28 12:16:05
    python小白的第一篇,但绝不是最后一篇前端代码 &lt;div style="padding: 10px;"&gt; &lt;button class="king-btn-demo king-btn king-success" id="...input id=
  • html+css+js实现科学计算器

    千次阅读 2018-09-20 09:06:55
    html+css+js实现一个科学计算器,支持平方开方指数对数等基本函数,支持键盘输入,有简单和高级两种模式 文件结构 纯html+css+js实现,文件结构非常简单,就三个文件。 演示效果 实验设计 将按钮的value设置为...
  • ListView右键删除功能、delete键盘响应

    千次阅读 2011-07-06 13:07:13
    1. ListView右键删除功能该功能就是要实现在ListView里面,选中Item,鼠标右击弹出一个菜单参考资料:http://topic.csdn.net/u/20100106/10/91b7317d-57c7-49ef-b6f7-30d9aa5
  • HTML5+CSS3 为 input 添加一键删除按钮

    千次阅读 2018-09-11 08:53:06
    HTML5+CSS3 为 input 添加一键删除按钮 经常可以看到一些 input 输入框在输入文字后,输入框末尾会出现一键删除的按钮 更多精彩 更多技术博客,请移步 asing1elife’s blog 实现方式 ...
  • shift是一个经常使用的,在编程时难免误触导致中英文的切换实在是很烦。Win10下其余切换键位的方法要么得一次按两个(如...使用Recaps可以使用capslock键实现中英文输入法的切换。 下载地址: https://github.c...
  • 在我先前博客 http://blog.csdn.net/lhq13400526230/article/details/9158111 ...的基础上面添加批量删除功能。实现的效果如下 删除成功 通常情况下删除不应该真正删除,而是应该有一个标志f
  • ssm练手(CRUD) 9、实现删除功能

    千次阅读 2017-09-07 22:11:18
    删除:单个删除,多个删除删除时候会提示是否真的要删除 逻辑: 单个删除 URI:emp/{id} DELETE1)EmployeeController.java /* * 单个删除和批量删除二合一 * 思路就是传入个字符串,然后转化为Integer * ...
  • 3、展示购物车列表页面4、修改购物车商品数量5、删除购物车商品模块划分结构1.1. 添加购物车1.1.1. 功能分析在不登陆的情况下也可以添加购物车。把购物车信息写入cookie。优点:1、不占用服务端存储空间2、用户体验...
  • 实现这个功能很简单,除了基本的样式外,另外添加 .export-input:valid + .clear-input {display: block;} 说明: 在Input后面放个清除的按钮; :valid 选择器在表单元素的值需要根据指定条件验证时设置指定样式...
  • vue2.0实现列表数据的增加和删除

    千次阅读 2018-07-23 21:46:26
    html < div id = "app" > < input type = "text" v-model = "id" > < input type = "text" v-model = "pname" > < button @ click = "addData" > 添加 button > < table > < tr > ...
  • html5+ css3 +js实现网页计算器

    千次阅读 2015-08-18 15:08:02
    1.这是个用html5 + css3 + js写的网页计算器,支持括号运算,支持键盘输入、删除键删除输入,按键盘时计算器按键发亮。 看效果图: 看链接地址 http://download.csdn.net/detail/u010973529/9019575 谢谢
  • 所以自己根据自己的设计,写了一个功能的实现。 技术: HTML5 + localStorage【类似cookie的缓存机制】+js栈 实现的方式也非常的简单,【界面没有样式,请包涵】。 localStorage的value不能存数
  • HTML5 FormData 方法介绍以及实现文件上传

    万次阅读 多人点赞 2016-08-30 20:07:47
    本文介绍了 XMLHttpRequest Level 2 中的 FormData 接口,利用 FormData 我们可以轻松的实现文件上传,FormData 对象还有一些实用的方法,本文也对其一一进行了解释。
  • 在Linux的编程里,管理列表的形式,我们可以使用VT100控制码来进行实现。因为VT100控制码在printf函数中就可以设置显示的行和列,这样实现一个列表选择的GUI界面就非常容易。比如Linux内核中的Make menuconfig。我们...
  • 知道ListView是上下滑动的,并不会产生左右滑动的效果,如果想让ListView变成左右滑动的效果,必须对安卓源代码有所了解,如果你想了解源代码,请到http://blog.csdn.net/column/details/core-services.html 该专栏...
  • 然后以用户的按键组合进入到某种启动模式,如所熟知的电源和音量的组合,可以进入到Recovery、Fastboot 或者正常开机。 值得注意的是,Bootloader被锁的手机必须要破解才能刷第三方rom。如果不破解bootloader,...
  • html中,class的添加和删除操作

    千次阅读 2018-11-01 16:54:36
    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;...html中,class的添加和删除操作&lt;/title&gt; &lt;script type="text/javascript" src="js/jquer
  • DOCTYPE html> html> head>  meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  title>title>  meta charset="utf-8" />  script src="/Scripts/jquery-1.
  • HTML代码 //div添加个id就可以 &lt;div id="summernote" &gt;&lt;/div&gt; 然后JS操作 //实例化调用 var $summernote = $('#summernote').summernote({ height: 300, minHeight...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 204,853
精华内容 81,941
关键字:

删除键html怎么实现