html输入框内文字鼠标点击隐藏或者输入隐藏

最新推荐文章于 2026-01-23 10:18:03 发布
原创 最新推荐文章于 2026-01-23 10:18:03 发布 · 5.2k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
html

当前文章被收录于：

html
4 篇文章 0 人学习
订阅专栏 查看详情
<input type="text" value="请输入内容" style="color:#CCCCCC;" onfocus="javascript:this.style.color='#000000';if(this.value=='请输入内容')this.value='';" onblur="javascript:if(this.value==''){this.value='请输入内容';this.style.color='#CCCCCC';}" />
通过HTML、CSS和JavaScript实现鼠标移动到页面顶部导航栏出现，移出导航栏3秒后又隐藏起来，且不受滚动条影响
api_git355的博客
09-14 682
在前端开发中，经常需要实现各种交互效果，其中之一就是当用户鼠标移动到页面顶部时，导航栏出现，移出导航栏后一段时间后又隐藏起来。通过以上的HTML、CSS和JavaScript代码，我们成功地实现了当鼠标移动到页面顶部时导航栏出现，移出导航栏后3秒钟又隐藏起来，并且不受滚动条的影响。通过HTML、CSS和JavaScript实现鼠标移动到页面顶部导航栏出现，移出导航栏3秒后又隐藏起来，且不受滚动条影响。事件，当鼠标移动时，首先清除之前的计时器，然后显示导航栏，并调用。将导航栏固定在页面的顶部，
html输入框提示文字隐藏,<input>/<textarea>输入框设置默认提示文字（隐藏式）
weixin_40001025的博客
06-04 5032
html代码如下：签 名：个人简介：代码为简单的表单样式，现在这是没有设置提示文字下图：在代码中插入placeholder属性就可以设置你想显示的提示文字显示效果如下：jQuery自定义组件——输入框设置默认提示文字if (window.jQuery || window.Zepto) { /** * 设置输入框提示信息 * @param options * @author rubekid */...
HTML隐藏文本框的四种方式
leng0920的博客
08-19 5万+
1、对所有的文本框都起作用（隐藏域，多用于存数据） 2、对象隐藏后，对象不占任何空间 3、对象隐藏后，还有占有相应的空间大小 4、
HTML-input文本框（添加提示文字，填写内容时消失）
Bule_daze的博客
01-26 11万+
input文本框内添加提示文字，填写内容时消失： 用placeholder属性作为提示语 <input placeholder="提示语..."></input>
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
小问题总结：鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现
网站运营
03-16 6871
问题如标题： 鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现。如图所示： 做法如下： 注意点为input的onblur和onfocus属性。另外也有简单的if判断。很方便很实用。 演示地址为：http://www.ya-jing.cn
html表单框内文字点击消失,jQuery 使用label实现点击表单input，提示文字消失的示例...
weixin_42376799的博客
06-03 1177
感兴趣的小伙伴，下面一起跟随512笔记的小编罗X来看看吧。很多网站在填写表单的时候，都可以看到这样一种UI，input[type=text]里面有提示的文字，当鼠标点进去之后提示文字就消失了。以前做这个效果的时候都是用很笨的方法，就是把提示文字写进input的value里，然后在focus的时候去掉，在blur的时候再判断一下input的value是不是空，如果为空再把提示加上去。这样做很笨，不仅...
android如何实现鼠标在文字提示,html如何实现鼠标悬停显示文字，鼠标移走文字消失。...
weixin_39812039的博客
05-28 2662
1、方法一，利用html特性，每个标签都有一个title属性。当鼠标hover在该标签内容上时，浏览器展示出该标签的title内容，让鼠标移走，内容消失，如下：div{height:100px;width:100px;background-color: aqua;}文字内容文字内容2、方法二，利用css的伪类hover，以及显示隐藏属性display，来实现如下：.continer{height:...
html学习——隐藏、只读、禁用、增强鼠标可用性
greedyguttler的博客
02-23 498
表单的应用 隐藏域：hidden，将内容隐藏，若内容有初始值，仍然可以提交 只读：readonly，只能看无法输入 禁用：disabled，可以禁止某些按钮（与只读的区别） <form> <p> <input type="text" name="username" placeholder="请输入用户名" hidden> <input type="text" name="username" placeholder="请输入用户名" readonly&
搜索框的默认提示文字
疏狂吧
02-03 1万+
我们平常见到的搜索框，就比如csdn上的搜索框，当框内没有文字的时候会出现默认的提示文字，然而鼠标聚焦上去文字就会消失。 效果图如下： &amp;amp;amp;lt;!--html代码--&amp;amp;amp;gt; &amp;amp;amp;lt;div class=&amp;amp;quot;middle&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;div class=&am
php文本框设置提示信息,JavaScript_input输入框鼠标焦点提示信息，问题如标题： 鼠标点击到输 - phpStudy...
weixin_29363945的博客
03-10 181
input输入框鼠标焦点提示信息问题如标题：鼠标点击到输入框(input)里的时候，输入框的提示消失，鼠标再移开，输入框提示出现。如图所示：做法如下：注意点为input的onblur和onfocus属性。另外也有简单的if判断。很方便很实用。以上就是本文所述的全部内容了，希望大家能够喜欢。相关阅读:利用毫秒减值计算时长的js代码jQuery中toggle()函数的使用实例Three.js学习之文字...
HTML+CSS 鼠标悬停（一）
weixin_51747920的博客
06-28 4200
实现鼠标悬停效果
html中怎么隐藏单元格,word怎么显示隐藏的单元格
weixin_39924198的博客
06-03 339
word文档怎么把隐藏的单元格先得判断是普通表格，还是Excel类的表格： 变通表格的方法： 在表格的左上角点击“十字带方向箭头“的图标－点鼠标右键－选择“边框和底纹”－在窗口中选择”边框“－在设置项驯无“－确定－完成 Excel类的表格： 双击表格后－选择”视图“选项。word表格字体超出表格边界隐藏如何显示出来word表格字体超出表格边界隐藏显示出来的具体步骤如下：首先打开需要编辑的Word文...
AI帮你定制专属鼠标指针：快马平台一键生成
最新发布
SilverMoon18的博客
01-23 1008
把用户输入传给平台的AI模型（我用的Kimi-K2），提示词类似："请将以下鼠标指针描述转换为CSS和JavaScript代码，要求使用Canvas实现：[用户输入]"。想要实现一个傻瓜式工具，用户只需要用文字描述想要的鼠标效果（比如"会发光的粉色星星指针"），系统就能自动生成对应的网页代码。最近想给自己的博客添加一个个性化的鼠标指针效果，但作为前端新手，写CSS和JavaScript有点吃力。的AI辅助开发功能，居然能用自然语言直接生成鼠标指针代码，简直打开了新世界的大门。
html中一些音乐图片,HTML音画－文字篇，特效篇，音乐篇，美图篇，美框篇
weixin_39640195的博客
06-03 335
一.帖歌时不隐藏播放器1、自动播放2、点击后播放二.帖歌时隐藏播放器且自动播放:三.图片及边框代码:不同图片显示不同效果四.插入FLASHA代码:说明：只要将上面的代码中的http://www.6000y.com/images/mybanner.swf换为你需要的FLASH的地址，调整width="500" height="300" 这里的500和300数字来控制显示的大小，然后在HTML模式下...
JavaScript的onfocus与onblur用法
qq_34038368的博客
06-05 2万+
在做登录的时候，登录界面的文本框中会有一段文字，当鼠标点击文本框时，框内文字消失，当鼠标离开时，那行字又出现了，但当输入文本时那行字便不再显现，此特效是如何实现的呢？实现原理如下首先，先看一下效果图点击前点击后关键代码如下&lt;input type="text" name="username" value="请输入用户名" onfocus="this.value = '';" onblur="...
js与jquery实现搜索框提示文字显示与隐藏
weixin_34348111的博客
03-12 155
2019独角兽企业重金招聘Python工程师标准>>> ...
纯CSS实现鼠标悬停提示的方法
weixin_34204722的博客
08-26 1178
本文实例讲述了纯CSS实现鼠标悬停提示的方法。分享给大家供大家参考。具体分析如下：　　这是一款比较漂亮的鼠标悬停提示效果，用纯CSS代码实现，鼠标放到图片上会显示一个层，也就是悬停时的提示，在这个提示框内你还可以加入图片或是一个列表，这就靠你的发挥了，提示框的背景颜色和文字颜色你都可以自己调。代码如下:<!DOCTYPE html PUBLIC "-//W3C//D...
html弹出层很字体模糊了,elementUI dialog组件中的checkbox组件点击时，字体模糊的问题...
weixin_33635110的博客
06-09 1490
是这样的项目中使用的框架是Vue+ElementUI，然后有这样一个再平常不过的需求：有一个弹出框弹框中有checkbox用户可以点击选中checkbox看到这样的需求，三下五除二……搞定！然后就出现了一个奇怪的BUG，触发条件是这样的：点开Dialog框点击checkboxbug出现了，会发现有一点轻微变化，那就是点击的一瞬间字体会变模糊(不管是选中还是取消选中状态)……点击变模糊为什么会这样分...
微信公众号实现点击显示答案效果
拾信
10-25 1万+
利用svg的图像文件格式来实现点击之后展示文字或者图片效果。 一.打开微信公众号新建图文（或是编辑已有图文） ①右键 → 检查 （编辑区域右键功能被覆盖了，找个空白的地方右键或者直接按F12进入开发者模式） ②鼠标点击右边的代码区域，随便找个地方点，再按Crtl+F，输入文字（文字可能会被分割） 如果操作区域在左边，Ctrl+F的效果是查找左边的内容，现在要做的是找到对应的代码区域，所以在右边操作 如果是顺着标签找非常麻烦，太多层级关系，直接全局搜索跟方便快捷 如图，文字可能会被分割，所以输入的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值