编程 Javascript

input输入框鼠标焦点提示信息

Posted in Javascript onMarch 17, 2015

问题如标题：

鼠标点击到输入框（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判断。很方便很实用。

以上就是本文所述的全部内容了，希望大家能够喜欢。

input输入框鼠标焦点提示信息

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQuery拖拽元素改变大小尺寸实现代码

Dec 10 Javascript

Jquery 选中表格一列并对表格排序实现原理

Dec 15 Javascript

JavaScript中实现最高效的数组乱序方法

Oct 11 Javascript

javascript如何操作HTML下拉列表标签

Aug 20 Javascript

JavaScript实战之菜单特效

Aug 16 Javascript

bootstrapValidator表单验证插件学习

Dec 30 Javascript

javascript中apply/call和bind的使用

Feb 15 Javascript

js弹出窗口简单实现代码

Mar 22 Javascript

代码详解javascript模块加载器

Mar 04 Javascript

jQuery使用bind动态绑定事件无效的处理方法

Dec 11 jQuery

JavaScript ES6箭头函数使用指南

Dec 30 Javascript

electron踩坑之dialog中的callback解决

Oct 06 Javascript

原生JS实现LOADING效果

Mar 16 #Javascript

使用jQuery实现图片遮罩半透明坠落遮挡

Mar 16 #Javascript

jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图

Mar 16 #Javascript

JavaScript中使用Callback控制流程介绍

Mar 16 #Javascript

jquery图片切换插件

Mar 16 #Javascript

JavaScript中的方法重载实例

Mar 16 #Javascript

jquery中attr和prop的区别分析

Mar 16 #Javascript

You might like

php判断变量类型常用方法

2012/04/24 PHP

php5.3 不支持 session_register() 此函数已启用的解决方法

2013/11/12 PHP

基于php实现的php代码加密解密类完整实例

2016/10/12 PHP

JavaScript中“基本类型”之争小结

2013/01/03 Javascript

Knockout visible绑定使用方法

2013/11/15 Javascript

使用jQuery.wechat构建微信WEB应用

2014/10/09 Javascript

jquery获取radio值(单选组radio)

2014/10/16 Javascript

jQuery实现的类似淘宝网站搜索框样式代码分享

2015/08/24 Javascript

JS中改变this指向的方法(call和apply、bind)

2016/03/26 Javascript

Jquery on方法绑定事件后执行多次的解决方法

2016/06/02 Javascript

关于Bootstrap按钮组件消除黄框的方法

2017/05/19 Javascript

基于JavaScript实现新增内容滚动播放效果附完整代码

2017/08/24 Javascript

SeaJS中use函数用法实例分析

2017/10/10 Javascript

python实现识别相似图片小结

2016/02/22 Python

python中文分词教程之前向最大正向匹配算法详解

2017/11/02 Python

详解supervisor使用教程

2017/11/21 Python

python+pandas分析nginx日志的实例

2018/04/28 Python

Python按钮的响应事件详解

2019/03/04 Python

Python面向对象实现一个对象调用另一个对象操作示例

2019/04/08 Python

Python OpenCV中的resize()函数的使用

2019/06/20 Python

Django 过滤器汇总及自定义过滤器使用详解

2019/07/19 Python

Django urls.py重构及参数传递详解

2019/07/23 Python

Django跨域资源共享问题(推荐)

2020/03/09 Python

浅析python标准库中的glob

2020/03/13 Python

Python 实现RSA加解密文本文件

2020/12/30 Python

Python3+Appium安装及Appium模拟微信登录方法详解

2021/02/16 Python

python openpyxl模块的使用详解

2021/02/25 Python

美国家居装饰和豪华家具购物网站：One Kings Lane

2018/12/24 全球购物

Myprotein芬兰官网：欧洲第一运动营养品牌

2019/05/05 全球购物

上课看小说检讨书

2014/02/22 职场文书

征婚广告词

2014/03/17 职场文书

团队队名口号大全

2014/06/06 职场文书

毕业生找工作自荐书

2014/06/30 职场文书

群众路线教育实践活动自我剖析思想汇报

2014/10/04 职场文书

培训讲师开场白

2015/06/01 职场文书

跑吧孩子观后感

2015/06/10 职场文书