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

HTTP状态代码以及定义（解释）

Feb 02 Javascript

JavaScript入门学习书籍推荐

Jun 12 Javascript

很全的显示阴历（农历）日期的js代码

Jan 01 Javascript

Javascript 修改String 对象增加去除空格功能(示例代码)

Nov 30 Javascript

查找页面中所有类为test的结点的方法

Mar 28 Javascript

jQuery左右滚动支持图片放大缩略图图片轮播代码分享

Aug 26 Javascript

实例解析JS布尔对象的toString()方法和valueOf()方法

Oct 25 Javascript

javascript 闭包详解及简单实例应用

Dec 31 Javascript

详解vue-router 2.0 常用基础知识点之router-link

May 10 Javascript

JQuery EasyUI 结合ztrIee的后台页面开发实例

Sep 01 jQuery

vue-router的两种模式的区别

May 30 Javascript

jQuery 筛选器简单操作示例

Oct 02 jQuery

原生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输入输出流学习笔记

2015/05/12 PHP

一个PHP实现的轻量级简单爬虫

2015/07/08 PHP

PHP编程入门的基本语法知识点总结

2016/01/26 PHP

PHP工厂模式的日常使用

2019/03/20 PHP

js中的window.open返回object的错误的解决方法

2009/08/15 Javascript

JavaScript学习笔记记录我的旅程

2012/05/23 Javascript

js数组操作学习总结

2013/11/04 Javascript

js实现瀑布流的一种简单方法实例分享

2013/11/04 Javascript

JQuery中绑定事件（bind()）和移除事件（unbind()）

2015/02/27 Javascript

JavaScript多线程详解

2015/08/12 Javascript

jQuery日历插件datepicker用法详解

2016/03/03 Javascript

微信小程序在Chrome浏览器上运行以及WebStorm的使用

2016/09/27 Javascript

JS中常用的正则表达式

2016/09/29 Javascript

js 点击a标签获取a的自定义属性方法

2016/11/21 Javascript

JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题

2017/06/30 Javascript

浅谈vue+webpack项目调试方法步骤

2017/09/11 Javascript

js 索引下标之li集合绑定点击事件

2018/01/12 Javascript

详解JavaScript基础知识（JSON、Function对象、原型、引用类型）

2018/01/16 Javascript

JavaScript设计模式之代理模式简单实例教程

2018/07/03 Javascript

优雅的在React项目中使用Redux的方法

2018/11/10 Javascript

vue 使用axios 数据请求第三方插件的使用教程详解

2019/07/05 Javascript

理解Proxy及使用Proxy实现vue数据双向绑定操作

2020/07/18 Javascript

python遍历目录的方法小结

2016/04/28 Python

python 移除字符串尾部的数字方法

2018/07/17 Python

python tkinter窗口最大化的实现

2019/07/15 Python

今天学到的CSS最新技术(与图片背景相关)

2012/12/24 HTML / CSS

西班牙太阳镜品牌：Hawkers

2018/03/11 全球购物

Etam德国：内衣精品店

2019/08/25 全球购物

质检部岗位职责

2013/11/11 职场文书

新三好学生主要事迹

2014/01/23 职场文书

扩大国家免疫规划实施方案

2014/03/21 职场文书

工程学毕业生自荐信

2014/06/14 职场文书

2015年清明节活动总结

2015/02/09 职场文书

2015年幼儿园保育员工作总结

2015/04/23 职场文书

不同意离婚代理词

2015/05/23 职场文书

和领导吃饭祝酒词

2015/08/11 职场文书