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

js文件中调用js的实现方法小结

Oct 23 Javascript

JavaScript 拾漏补遗

Dec 27 Javascript

Jquery 点击按钮显示和隐藏层的代码

Jul 25 Javascript

jQuery学习笔记操作jQuery对象文档处理

Sep 19 Javascript

JQuery入门——事件切换之toggle()方法应用介绍

Feb 05 Javascript

javascript和jquery实现设置和移除文本框默认值效果代码

Jan 13 Javascript

AngularJS学习笔记之TodoMVC的分析

Feb 22 Javascript

浅析$.getJSON异步请求和同步请求

Jun 06 Javascript

Bootstrap中的表单验证插件bootstrapValidator使用方法整理（推荐）

Jun 21 Javascript

再谈javascript注入黑客必备！

Sep 14 Javascript

layerui代码控制tab选项卡,添加,关闭的实例

Sep 04 Javascript

angular组件间通讯的实现方法示例

May 07 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

Thinkphp的volist标签嵌套循环使用教程

2014/07/08 PHP

让焦点自动跳转

2006/07/01 Javascript

js中将URL中的参数提取出来作为对象的实现代码

2011/08/16 Javascript

javascript 三种方法实现获得和设置以及移除元素属性

2013/03/20 Javascript

基于JQuery 选择器使用说明介绍

2013/04/18 Javascript

jQuery控制的不同方向的滑动(向左、向右滑动等)

2014/07/18 Javascript

node.js超时timeout详解

2014/11/26 Javascript

javascript中HTMLDOM操作详解

2014/12/11 Javascript

《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法

2015/01/09 Javascript

基于jQuery实现最基本的淡入淡出效果实例

2015/02/02 Javascript

NodeJS使用jQuery选择器操作DOM

2015/02/13 NodeJs

详解Vue.js动态绑定class

2016/12/20 Javascript

利用策略模式与装饰模式扩展JavaScript表单验证功能

2017/02/14 Javascript

js实现简单的选项卡效果

2017/02/23 Javascript

正则 js分转元带千分符号详解

2017/03/08 Javascript

require.js与bootstrap结合实现简单的页面登录和页面跳转功能

2017/05/12 Javascript

bing Map 在vue项目中的使用详解

2018/04/09 Javascript

详解vue-cli 2.0配置文件(小结)

2019/01/14 Javascript

JavaScript面向对象程序设计中对象的定义和继承详解

2019/07/29 Javascript

JavaScript 事件代理需要注意的地方

2020/09/08 Javascript

[57:59]EG vs Secret 2018国际邀请赛淘汰赛BO3 第一场 8.22

2018/08/23 DOTA

python对json的相关操作实例详解

2017/01/04 Python

详谈python read readline readlines的区别

2017/09/22 Python

matplotlib subplots 调整子图间矩的实例

2018/05/25 Python

连接pandas以及数组转pandas的方法

2019/06/28 Python

python3.6生成器yield用法实例分析

2019/08/23 Python

澳大利亚波西米亚风连衣裙在线商店：Fortunate One

2019/04/01 全球购物

校园十大歌手策划书

2014/02/01 职场文书

公益广告标语

2014/06/19 职场文书

公司总经理岗位职责范本

2014/08/15 职场文书

“四风”查摆问题自我剖析材料

2014/09/27 职场文书

工会经费申请报告

2015/05/15 职场文书

元素水平垂直居中的方式

2021/03/31 HTML / CSS

Python集合的基础操作

2021/11/01 Python

TypeScript实用技巧 Nominal Typing名义类型详解

2022/09/23 Javascript

python+pyhyper实现识别图片中的车牌号思路详解

2022/12/24 Python