js实现鼠标点击input框后里面的内容就消失代码

最新推荐文章于 2023-05-27 23:35:29 发布
最新推荐文章于 2023-05-27 23:35:29 发布
阅读量336 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/umgsai/p/3908205.html
版权 
<!--# <a href="http://www.mianfeimoban.com/texiao_mb/" target="_blank" class="keylink">特效</a>来源：http://www.mianfeimoban.com --> 
 
<!--  把下列代码加到<body>区域中 --> 
 
<INPUT TYPE="TEXT" size="18" value="这是默认的内容" onfocus="if (value =='这是默认的内容'){value =''}" onblur="if (value ==''){value='这是默认的内容'}">

本文出自 “阿凡达” 博客，请务必保留此出处http://shamrock.blog.51cto.com/2079212/812715

转载于:https://www.cnblogs.com/umgsai/p/3908205.html

G19931112
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现input文本框点击时文字消失，失去焦点时文字出现
04-14
NULL 博文链接：https://luanxiyuan.iteye.com/blog/1744279
input点击后placeholder中的提示消息消失
09-02
这可能会影响用户体验，因为用户可能期望点击输入框后提示信息就应立即消失。为了解决这个问题，可以通过JavaScript来实现自定义行为，确保`placeholder`文本在输入框获得焦点时消失。例如： ```html <input type=...
JS input默认值点击消失
gaojian2008cnn的专栏
04-10 1043
无标题文档 function addLoadEvent(func){ var oldonload = window.onload; if(typeof window.onload!= 'function' ){ window.onload = func; } else{ window.onload = function(){ oldonload(); f
js原生：把 input输入的文本，通过点击事件之后 input框内输入的文字消失，出现在下面的 div中。
陈浩然哦 的博客
04-09 2216
js原生：把 input输入的文本，通过点击事件之后 input框内输入的文字消失，出现在下面的 div中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...
js input 点击消失
skalpat的博客
04-04 458
<input name="mycall" type="text" id="mycall" value="请输入您的手机号码" onfocus="if (value =='请输入您的手机号码'){value =''}" onblur="if (value ==''){value='请输入您的手机号码'}" class="first" /> ...
Bootstrap的popover（弹出框）2秒后定时消失的实现代码
10-20
4. **自定义行为**：如果想要在特定条件下触发Popover，或者让Popover在特定时间后自动消失，可以通过编写JavaScript函数来实现。在提供的代码中，`showPopover`函数就是这样一个例子。这个函数接受一个目标元素和一...
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
10-29
本篇将详细讲解如何使用jQuery来实现在表单`input`中的提示文字随鼠标焦点移进移出而显示或隐藏的功能。 首先，我们需要在HTML中设置表单的基本结构。通常，每个`input`元素会有一个默认的`value`属性，这个属性的...
jquery模仿苹果网站鼠标动到搜索框上后的特效
06-11
而当鼠标移开后，搜索框则恢复原状。 首先，我们需要理解这个效果的核心在于监听鼠标的`mouseover`和`mouseout`事件。`mouseover`事件在鼠标指针进入元素时触发，而`mouseout`事件在鼠标指针离开元素时触发。我们...
设置搜索框的默认文字当鼠标单击时该默认文字消失
09-28
通过这种方式，我们实现了搜索框默认文字的动态行为，即鼠标单击时默认文字消失，失去焦点且无输入时默认文字重现。这种方法在网页设计中很常见，可以提升用户的使用体验，因为它减少了用户不必要的操作步骤。
鼠标点击 文本框 消失 js
被啃de萝卜
06-20 544
想起来前几天有个朋友问这个问题，就贴出来，很简单的js<INPUT class=input2       onblur="if(this.value==){this.value=请输入想查询的关键字;}"       style="WIDTH: 360px; COLOR: #999999"       onclick="if(this.value==请输入想查询的关键字，
网页INPUT输入框焦点（鼠标指向输入框提示文字消失）
冰城警幻的博客
03-14 1935
表单 鼠标指向输入框，文本框内的提示文字消失。 在input内加上：onFocus="this.value=''"， 鼠标指向输入框，文本被自动选择 在input内加上：onMouseOver="this.select()" 首字大写:first-letter{font-size:200%; float:left;   font-family:"楷体_GB2312"; font-we
JavaScript 使用value给输入框赋值，输入框显示数据但是鼠标点击编辑时值消失
最新发布
技术连接你我
05-27 1006
3.发现此处需要手动去触发下事件document.querySelector(‘.class input’).dispatchEvent(new Event(‘input’));1、今天在写脚本过程中发现使用document.querySelector(‘.class input’).value;= “1” 给input输入框赋值,赋值成功。2.页面显示输入框内的确是赋值成功了，但是在输入框中编辑该值时，或者鼠标单击输入框外的地方时，值消失了。
js清空input框
小猪观察员的博客
03-17 4114
OS --> winXP Browsers --> IE6+, FF 3.0.11, FF 3.5, Opera 9.64, Opera 10 beta 2, Safari 4, Chrome 2.0.172 xhtml: <input type="file" value="选择文件" id="fileInput" /> <button type="button" id="btnClear">清空文件域</button> JS: <script t.
鼠标点击input框后里面的内容就消失
weixin_34313182的博客
03-03 2118
<!DOCTYPE html><html> 　　<head> 　　　　<meta charset="UTF-8"> 　　　　<title>鼠标点击input框后里面的内容就消失</title> 　　</head> 　　<body> 　　　　<input type="text" size=...
input密码框点击眼睛显示和隐藏
热门推荐
m0_37909187的博客
02-07 2万+
俩张图片表示显示和隐藏，要是想改样式的话直接修改css就可以，根据自己样式来 很简单获取到相对应对密码框， 初始化是隐藏调用方法hideShowPsw进行判断，判断密码框的type == “password”是隐藏 变成type==“text”图片在变一下就好了  body{      margin:0px;        background-c
用js代码写 点击搜索框 默认文本消失 鼠标移开默认文本显示
05-25
可以使用以下代码实现： HTML： ``` <input type="text" id="searchBox" value="搜索"> ``` JavaScript： ``` var searchBox = document.getElementById("searchBox"); searchBox.addEventListener("focus", ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值