编程 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 相关文章推荐

使用正则替换变量

May 05 Javascript

CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法

Mar 29 Javascript

FF火狐下获取一个元素同类型的相邻元素实现代码

Dec 15 Javascript

JS+flash实现chrome和ie浏览器下同时可以复制粘贴

Sep 22 Javascript

javascript实现图像循环明暗变化的方法

Feb 25 Javascript

jQuery实现简单滚动动画效果

Apr 07 Javascript

jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】

Mar 09 Javascript

使用bootstraptable插件实现表格记录的查询、分页、排序操作

Aug 06 Javascript

ionic选择多张图片上传的示例代码

Oct 10 Javascript

JS实现的哈夫曼编码示例【原始版与修改版】

Apr 22 Javascript

vue缓存的keepalive页面刷新数据的方法

Apr 23 Javascript

Vue 实现输入框新增搜索历史记录功能

Oct 15 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

火影忍者：这才是千手柱间和扉间的真正死因，角都就比较搞笑了！

2020/03/10 日漫

仿dedecms下拉分页样式修改的thinkphp分页类实例

2014/10/30 PHP

PHP GD库相关图像生成和处理函数小结

2016/09/30 PHP

php生成HTML文件的类方法

2019/10/11 PHP

在子窗口中关闭父窗口的一句代码

2013/10/21 Javascript

JS 日期比较大小的简单实例

2014/01/13 Javascript

jQuery如何取id有.的值一般的方法是取不到的

2014/04/18 Javascript

在JavaScript中重写jQuery对象的方法实例教程

2014/08/25 Javascript

Javascript检查图片大小不要让大图片撑破页面

2014/11/04 Javascript

js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法

2015/04/25 Javascript

javascript实现网页字符定位的方法

2015/07/14 Javascript

require.js配合插件text.js实现最简单的单页应用程序

2016/07/12 Javascript

用jQuery向div中添加Html文本内容的简单实现

2016/07/13 Javascript

AngularJS控制器之间的通信方式详解

2016/11/03 Javascript

JavaScript实现三级联动菜单实例代码

2017/06/26 Javascript

微信小程序如何获取openid及用户信息

2018/01/26 Javascript

浅谈vue项目如何打包扔向服务器

2018/05/08 Javascript

浅谈Vuex注入Vue生命周期的过程

2019/05/20 Javascript

如何解决js函数防抖、节流出现的问题

2019/06/17 Javascript

vue轮播组件实现$children和$parent 附带好用的gif录制工具

2019/09/26 Javascript

js实现拖拽元素选择和删除

2020/08/25 Javascript

Python使用gensim计算文档相似性

2016/04/10 Python

python 列表输出重复值以及对应的角标方法

2019/06/11 Python

浅谈keras2 predict和fit_generator的坑

2020/06/17 Python

用CSS3和table标签实现一个圆形轨迹的动画的示例代码

2019/01/17 HTML / CSS

ghd官网：英国ghd直发器品牌

2018/05/04 全球购物

假日旅行社实习自我鉴定

2013/09/24 职场文书

后勤部长岗位职责

2013/12/14 职场文书

户外亲子活动策划方案

2014/02/07 职场文书

初中班级口号

2014/06/09 职场文书

电子商务实训报告总结

2014/11/05 职场文书

销售区域经理岗位职责

2015/04/10 职场文书

六一文艺汇演主持词

2015/06/30 职场文书

导游词之贵州百里杜鹃

2019/10/29 职场文书

python调试工具Birdseye的使用教程

2021/05/25 Python

python pygame 开发五子棋双人对弈

2022/05/02 Python