解决默写浏览器中点击input输入框时，placeholder的值不消失的方法

html中,placeholder作为input的一个属性,起到了在输入框中占位并提示的作用. 但是有一些浏览器,如chrome,当鼠标点击输入框时,placeholder的值不消失,只有输入数据才消失,会使前端用户体验大打折扣. 我们要实现的效果: 点击前点击后关键是js代码: $(function(){ var text; // 全局变量用于保存文本框的内容 $("input").focus(function() { text = $(this).attr("plac…

解决浏览器中点击input输入框时，placeholder的值不消失的方法

版权声明:本文为博主原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/lianwenxiu/article/details/87898621 <input type="text" placeholder="请输入" οnfοcus="this.placeholder=''" οnblur="this.placeholder='请输入'"…

（谷歌浏览器等）解决css中点击input输入框时出现外边框方法【outline:medium;】

问题:在使用谷歌浏览器,360浏览器时,点击input输入框会出现带颜色的外边框,如下图所示:…

解决IE浏览器中点击按钮上传无效的问题

前几天写了上传功能,点击按钮上传,在谷歌中是没有任何问题的: 但是在IE浏览器中点击没有任何效果源代码如下: 后来发现在Firefox.IE浏览器中button标签内部可以含有其他标签,但是不能对内部标签绑定事件,button内部只能是文本,可以将button的标签换为p,在Firefox.IE下面也就可以使用了. 问题已经解决了…

移动端页面中点击input输入框的时候弹出的键盘将输入框挡住的问题

使用的是vux框架, 以为是框架问题, 后来发现是把当前页面的高度写死为了height:200%: 只要把高度去掉就能让页面自动弹到输入框的上方:…

移动端页面-点击input输入框禁止放大效果

点击input输入框会获取焦点并且放大解决方法:在项目根目录找到 index.html <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">…

django xadmin中logout页面在chrome浏览器中点击关闭页面无效

问题现象 django xadmin中logout页面在chrome浏览器中点击关闭页面无效,无法关闭相应的页面问题原因高版本的chrome等浏览器不支持在window.colse()的写法问题源码在xadmin的templates的xadmin的views的logged_out.html中找到以下源码 <a href="#" onclick="javascript:window.opener=null;window.open('','_self');windo…

当鼠标点击input框时，想让全选input框的所有内容只需要加“onfocus="this.select();”就可以了

当鼠标点击input框时,想让全选input框的所有内容只需要加“onfocus="this.select();”就可以了…

在Chrome浏览器中点击链接，打开IE浏览器，跳转到指定页面并传递参数

需求: 在Chrome浏览器中点击链接,打开IE浏览器,跳转到指定页面并传递参数过程: 一些应用软件可以通过点击URL链接启动并执行操作(例如迅雷),这是如何做到的呢? 主要是通过修改注册表,注册URL Protocol. 阶段一:点击链接,打开IE浏览器,并传递单个参数新建alert.reg Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\alert] @="URL:Alert Protocol" "…

认识input输入框的placeholder属性

我们来认识下input输入框的placeholder属性. placeholder 属性提供可描述输入字段预期值的提示信息.(placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password) 该提示会在输入字段为空时显示,并会在字段获得焦点时消失(IE10+获取焦点消失,Chrome,FF等在输入有值时消失). IE10+,Chrome,Firefox,Safari支持placeholder属性(I…

控制input输入框中提示信息的显示和隐藏的方法

在运用html+css+javascrpt进行页面制作时,我们往往会遇到一些影响用户体验,而又容易被我们忽视的小细节.比如,input输入框中的提示信息,怎样才能根据对象获得和失去焦点而实现其显示和隐藏.今天在这里,想跟大家分享一下这个小技巧,希望各位大神不要拍砖哦~~~ 一.要求 input输入框,在光标显示时,隐藏提示信息:光标离开输入框时,显示提示信息. 二.方法 1.给该input取id名,Onfocus=”方法名1(this)”,onblur=”方法名2(this)” 2.声明变量va…

鼠标点击input框后里面的内容就消失

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>鼠标点击input框后里面的内容就消失</title> </head> <body> <input type="text" size="18" value="这是默认的内容" onfocus="if…

小程序中点击input控件键盘弹出时placeholder文字上移

最近做的一个小程序项目中,出现了点击input控件键盘弹出时placeholder文字上移,刚开始以为是软键盘弹出布局上移问题是传说中典型的fixed 软键盘顶起问题,因此采纳了网上搜到的"当获取焦点时,将fixed的元素改为static;失去焦点,再改回fixed"的方法,然而行不通,我试着给input加了个边框,然而当软键盘弹出时input框并没有移动,仅仅是input中的placeholder上移了,因此只能想到了让placeholder文字在聚焦是为空,在失焦是显示为指定值一下…

Firefox浏览器中，input输入框输入的内容在刷新网页后为何还在？

转自:http://www.webym.net/jiaocheng/473.html 这个问题比较容易解决,如果不希望浏览器保留以前输入的内容,只要给对应的 input 输入框加上以下参数: autocomplete="off" autocomplete 默认值是 on,即默认开启,它的作用是把输入框以前的输入记录显示出来,使用举例: <input name="TestInput" type="text" tabindex="1&…

js中点击空白区域时文本框与隐藏层的问题

当文本框获得焦点的时候,在文本框的下方显示一个浮动层. 当用户点击除了文本框和浮动层以外的网页空白处时,要隐藏浮动层. 当用户点击浮动层时,改变文本框的值. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta http-e…

Maven问题总结：Eclipse中项目右键菜单中点击Maven->Update Projects时JDK被重置

Eclipse中在项目右键菜单点击->Maven->Update Projects时,JDK总是切回 1.5 如果没有在Maven中配置过JDK版本,只是在Eclipse中项目的Properties配置里修改了Java版本,当运行Maven->Update Projects时,Java版本又会被切回默认的1.5. 编译器插件用来编译项目的源文件.从3.0版本开始, 用来编译Java源文件的默认编译器是javax.tools.JavaCompiler (如果你是用的是java 1.6) .…

bootstrap 弹出框点击其他区域时弹出框不消失选项设置

默认情况下,bootstrap 弹出框点击其他区域时,弹出框会自动关闭,在很多时候,我们可能会希望达到和原生弹出框一样的效果,避免不小心点击其他区域时弹框自动隐藏,尤其是对于一些复杂的表单,重复填写可能会带来很不好的体验效果,所以,我们会希望不会发生这种情况,事实上bootstrap dialog提供了大量的选项可以设置各种dialog的行为和效果.如下所示: <div class="modal fade" id="myModal" tabindex=&quo…

JQuery里input属性赋值，取值prop()和attr()方法？

一.赋值的时候如果是<input type="checkbox" checked>这样的只有属性名就能生效的属性推荐prop,即:$('input').prop('checked',true); 同时,false表示取消,即:$('input').prop('checked',false); 当然attr也行的:$('input').attr('checked','这里写什么都行的'); 取消属性就是移除:$('input').removeAttr('checked')…

在浏览器里点击input输入框输入，会展示默认的历史下拉菜单

给input设置autocomplete="off"属性可解决此问题…

IPhone手机页面中点击文本输入框，弹出键盘，网页会放大,如何解决

在head标签中加入以上meta声明.具体属性可以谷歌/百度. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 我查了下viewport,有几个属性:width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例minim…

鼠标聚焦到Input输入框时，按回车键刷新页面原因及解决方法

参考地址:http://blog.csdn.net/xuezhongsong/article/details/6859037 方式1:全局控制回车,13-回车键,27-ESC,113-F2 document.onkeydown=function(e){ var e = e || event; var currKey = e.keyCode || e.which || e.charCode;//支持IE,FireFox if (currKey == 13) { return false; } }…

iphone中点击input不能选中input中的内容

点击一个input,通过它的click事件选中这个input框中的内容,这个用jquery挺好实现的,但是有一个问题,在PC端和android手机上都可以让功能正常实现,在iphone上就没有效果了,后查了好多资料发现在iphone中可以这样写 <script> $(function(){ //$('input').focus(focustext) /*******用以下三行代码即可实现*******/ $('input').click(function(){ $(this).focus().…

【bug】使用element-ui遇到在IE浏览器中点击enter会回到登录页

1.点击el-input框,会回到登录页(IE浏览器) 外层是el-table/el-form/el-input 添加可以解决 <el-form onSubmit="return false"></el-form> 2.点击el-input框,会回到登录页(IE浏览器) 外层是el-dialog/el-form/el-input 添加可以解决 <el-input v-model.trim="userForm.username" onke…

解决web浏览器与servlet之间传输数据时出现的乱码问题

1.使用getParam等方法获取请求参数时遇到乱码浏览器发送的请求参数使用的编码就是打开网页时使用的编码.如果服务器端获取到发过来的请求参数,默认使用ISO8859-1进行解码操作,中文一定会有乱码问题. post和get方法提交的数据区分对待: 对于Post方式提交的数据,request.setCharacterEncoding("gb2312");来明确指定获取请求参数时使用编码.注意,只对post方式有效. 对于Get方式,就只能手动编解码 String newName =…

浏览器中点击链接，跳转qq添加好友的实现方式

做android三年了,都不知道到底干了啥,现在好好研究应该来得及,哈哈哈,希望看到文章的人共勉,哈哈哈(新手写文章,大佬轻喷,呜呜呜~) 好了,这篇只是记录下,项目中遇到的坑(MMP测试),哈哈哈,吐槽一下测试... 进入正题: 应用跳转添加QQ群 /**************** * * 发起添加群流程.群号:xxxxxxxx 的 key 为: ydoaDyyAM5sk9VxPefuQJo-w6jf9pfK- * 调用 joinQQGroup(ydoaDyyAM5sk9VxPefuQJo-…

解决 google 浏览器记住密码导致输入框样式改变（变成淡黄色背景）

直接在页面上使用css代码: input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color:transparent; background-image:…

解决IE浏览器点击子元素重复调用执行 mouseover 与mouseout兼容性问题

将函数配对换为下面2个就可以解决兼容性问题. mouseenter() mouseleave(0…

Webkit浏览器点击控件时出现的边框消除

-webkit-tap-highlight-color:rgba(0,0,0,0); 其实是将边框颜色透明,让其不可见了而已…

在客户端浏览器中点击下载生成excel

生成excel的样式,里面的数据已经写好,使用apache,poi来写的. 1.首先是controller /** *下载服务结构体Excel * *@return */ @RequestMapping(value="/Downloadexcel.do") @ResponseBody public JsonRpcResponse structtureFileDownload(HttpServletRequest request,HttpServletResponse response)…

解决ASP.NET使用IIS架设网站时“服务器应用程序不可用”的方法

服务器应用程序不可用您试图在此 Web 服务器上访问的 Web 应用程序当前不可用.请点击 Web 浏览器中的“刷新”按钮重试您的请求. 管理员注意事项: 详述此特定请求失败原因的错误消息可在 Web 服务器的系统事件日志中找到.请检查此日志项以查明导致该错误发生的原因. 引起这个的原因大概是现安装了.Net Framework后装的IIS导致.Net没有在IIS里注册. 在网上找了很久都是说从.net命令行工具里运行aspnet_regIIS /i就可以了(或者在类似下面的目录:C:\WIND…

【解决默写浏览器中点击input输入框时，placeholder的值不消失的方法】的更多相关文章