input输入框鼠标焦点提示信息
更新时间：2015年03月17日 08:54:20 投稿：hebedich
本文给大家分享的是一则非常常用和实用的小技巧，当鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现，推荐给小伙伴们
问题如标题：
鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现。如图所示：
做法如下：
复制代码 代码如下:
<input type="text" name="name" id="name" class="ind_cont_input ind_cont_inputioce1" onfocus="if (value =='请输入2-5个中文名字'){value =''}" onblur="if (value ==''){value='请输入2-5个中文名字'}" value="请输入2-5个中文名字">
<input type="text" name="tel" id="tel" class="ind_cont_input ind_cont_inputioce2 ind_cont_inputboder1" value="请输入您的电话" onfocus="if (value =='请输入您的电话'){value =''}" onblur="if (value ==''){value='请输入您的电话'}">
注意点为input的onblur和onfocus属性。另外也有简单的if判断。很方便很实用。
以上就是本文所述的全部内容了，希望大家能够喜欢。
相关文章
在JS中无论是setTimeout还是setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，这就需要想方法解决。2015-04-04
这篇文章主要介绍了小程序和web画三角形实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
为了更好的用户体验，现在网页中好多地方都使用弹出层。比如提示登陆，扫描微信二维码图片，论坛下载弹出扣除积分提醒等。2014-05-05
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
手机完美支持html5,所以如果手机端想要做个抽奖模块的话,用刮刮卡抽奖效果,相信这个互动体验是非常棒的，本人亲自完成，有错误请大家指出2013-11-11
本文主要介绍了图解Javascript——作用域、作用域链、闭包等知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
今天小编就为大家分享一篇layui 实现table翻页滚动条位置保持不变的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了如何使用echarts实现3d柱状图和折线图,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以了解一下2024-12-12
uniapp微信小程序无法获取Vue.prototype值的解决方法
在uniapp开发过程中,各端的一些高度会有区别,为了方便就要统一放到全局变量中,下面这篇文章主要给大家介绍了关于uniapp微信小程序无法获取Vue.prototype值的解决方法,需要的朋友可以参考下2022-10-10
本篇文章主要介绍了js实现鼠标拖拽多选功能示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了JavaScript中的flat()和flatMap()方法,解释了它们的功能、使用方法和应用场景,flat()用于将嵌套数组压平,而flatMap()则是在压平的同时对每个元素进行转换,需要的朋友可以参考下2024-11-11
最新评论