input鼠标点击提示消失，鼠标点出提示出现

最新推荐文章于 2023-01-09 12:02:12 发布
最新推荐文章于 2023-01-09 12:02:12 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37847102/article/details/78435220
版权 
<label class="">用户名<span>*</span></label><input type="text" name="username" id="username" placeholder="输入用户名" οnfοcus="this.placeholder= ''" οnblur="this.placeholder='输入用户名'">
这是一个输入用户名的 input标签 其实想达到这个效果很简单 只要知道 onfoucus 和 onblur 就可以了 当input获取鼠标焦点时 this.placeholder='' 把input标签置空  获取焦点时再等于想要显示的字就可以了
my白术
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
鼠标点击消失效果
ViVianWhere的博客
08-27 422
1、实现效果 2、代码片段 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> * {margin: 0;padding: 0;box-sizing: border-box;} ...
鼠标点击弹出弹出框功能
06-22
jquery实例弹出框，实测可用，简单的jquery弹出框样式
input点击后placeholder中的提示消息消失
11-22
html中，placeholder作为input的一个属性，起到了在输入框中占位并提示的作用。 但是有一些浏览器，如chrome，当鼠标点击输入框时，placeholder的值不消失，只有输入数据才消失，会使前端用户体验大打折扣。 看了很多大神的方法，写了长长的js，看着有点吃力，就想到了下面这种最傻的方法解决了这个问题。 html代码： <input type="text" placeholder="多个关键词空格隔开"> 鼠标点击input时，placeholder中的提示信息消失： <input type="text" placeholder="多个关键词空格隔开" onfo
input输入框点击文字消失
YQRQR的博客
11-29 3059
鼠标点击文字消失
weixin_34184158的博客
09-26 225
鼠标点击文字消失：<inputname="textfield"style="color:#CCC;"type="text"value="点击文字消失"size="12"onclick="value='';focus()"onblur="if(value=='')value='点击文字消失;"/><br/><br/>鼠标点击文字选中：<...
input输入框鼠标焦点提示信息
01-19
鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现。如图所示： 做法如下： 代码如下: <input type=”text” name=”name” id=”name” class=”ind_cont_input ind_cont_...
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
08-31
在给定的例子中，问题出在当用户点击`<input>`元素（在这个例子中是一个图像按钮）时，浏览器会默认显示一个淡蓝色的边框，以提示用户当前元素处于焦点状态。这个边框通常在鼠标松开后立即消失。如果想要去除或...
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
12-09
代码如下:<input value=”请输入用户名” type=”text”>... //用户名框鼠标焦点移进，文字消失 $(“input:first”).click(function () { var check1 = $(this).val(); if (check1 == this.defaultV
input表单文本内容鼠标点击消失，鼠标移走恢复
weixin_30698527的博客
03-12 348
第一种，最简单的办法 就是直接在input表单里加上 onfocus="this.value=''" onblur="this.value=''"即<input type="text" value="1111" onfocus="this.value=''" onblur="this.value='1111'"/> 第二种，用jquery实现：(网上找的例子) js： 代码 ...
input文本框 鼠标点击默认值消失,不输入离开鼠标恢复默认值
zhangqifeng专栏
10-08 1万+
1.input: 2.textarea:
如何让input文本框里的文字提示在鼠标点击后（或输入文字后）消失？
webdowhatIlike的博客
10-22 1107
➕placeholder：“请输入……”
input提升用户输入信息 当用户点击时 页面消失
itinglight的博客
08-20 757
方案二 <input type="text" placeholder="请输入内容"> 方案一 <input type="text" value='请输入内容' onfocus="javascript:if(this.value=='请输入内容')this.value='';"> 1、js 方法添加的提示文字不同于 使用 placeholder 属性添加的效果 2、placeholder 属性添加的提示文字，只有输入内容时文字才会消失 3、js 方式添加的提示文字，当光标定位到.
【JavaScript】input提示弹出框
leader_li的博客
01-09 1910
用于给input文本框添加提示框信息
Input输入框内提示效果
热门推荐
聆听
12-26 3万+
Input输入框内提示效果 要想在input输入框内实现带提示信息的效果，并在输入数据时提示信息自动消失。我们将用到： placeholder属性：提供可描述输入字段预期值的提示信息。               该提示会在输入字段为空时显示，并会在字段获得焦点时消失。 注意： placeholder 属性适用于以下的 类型：text, search, url, telephone
小问题总结：鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现
网站运营
03-16 6683
问题如标题： 鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现。如图所示： 做法如下： 注意点为input的onblur和onfocus属性。另外也有简单的if判断。很方便很实用。 演示地址为：http://www.ya-jing.cn
input 显示提示的几种方式。
小小芽儿
10-16 7850
1、h5方法 placeholder="项目名称"> 2、js方法 value="请输入备注消息" onfocus="javascript:if(this.value=='请输入备注消息')this.value='';"/>
input 标签鼠标放入输入框补全提示
weixin_30755709的博客
08-28 492
JSP: <input type="text" placeholder="eventDesc" value="" id="eventDesc" name="eventDesc" class="input-text size-MINI" disabled="true"> js: $("#eventDesc").val(rowData.even...
鼠标聚焦input框 出现提示框
最新发布
07-16
要实现鼠标聚焦输入框时出现提示框，你可以使用HTML和JavaScript来完成。以下是一个简单的示例： HTML部分: ```html <input type="text" id="myInput" onfocus="showHint()" placeholder="输入内容"> ;">这是一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值