JQUERY点击输入框提示文字消失

通义千问AI模型对接飞书机器人-集成飞书机器人(2-2) http请求地址上一篇百炼平台配置的应用地址。 阅读详情
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JQUERY点击输入框提示文字消失</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#focus .input_txt").each(function(){
    var thisVal=$(this).val();
    //判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示
    if(thisVal!=""){
    $(this).siblings("span").hide();
    }else{
    $(this).siblings("span").show();
    }
    //聚焦型输入框验证
    $(this).focus(function(){
    $(this).siblings("span").hide();
    }).blur(function(){
    var val=$(this).val();
    if(val!=""){
    $(this).siblings("span").hide();
    }else{
    $(this).siblings("span").show();
    }
    });
    })
    $("#keydown .input_txt").each(function(){
    var thisVal=$(this).val();
    //判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示
    if(thisVal!=""){
    $(this).siblings("span").hide();
    }else{
    $(this).siblings("span").show();
    }
    $(this).keyup(function(){
    var val=$(this).val();
    $(this).siblings("span").hide();
    }).blur(function(){
    var val=$(this).val();
    if(val!=""){
    $(this).siblings("span").hide();
    }else{
    $(this).siblings("span").show();
    }
    })
    })
    })
    </script>
    <style type="text/css">
    form{width:400px;margin:10px auto;border:solid 1px #E0DEDE;background:#FCF9EF;padding:30px;box-shadow:0 1px 10px rgba(0,0,0,0.1) inset;}
    label{display:block;height:40px;position:relative;margin:20px 0;}
    span{position:absolute;float:left;line-height:40px;left:10px;color:#BCBCBC;cursor:text;}
    .input_txt{width:398px;border:solid 1px #ccc;box-shadow:0 1px 10px rgba(0,0,0,0.1) inset;height:38px;text-indent:10px;}
    .input_txt:focus{box-shadow:0 0 4px rgba(255,153,164,0.8);border:solid 1px #B00000;}
    .border_radius{border-radius:5px;color:#B00000;}
    h2{font-family:"微软雅黑";text-shadow:1px 1px 3px #fff;}
    </style>
    </head>
    <body>
    <form class="border_radius" id="focus">
    <h2>聚焦型提示语消失</h2>
    <label><span>邮箱</span><input type="text" class="input_txt border_radius"  /></label>
    <label><span>密码</span><input type="text" class="input_txt border_radius" /></label>
    </form>
    <form class="border_radius" id="keydown">
    <h2>输入型提示语消失</h2>
    <label><span>邮箱</span><input type="text" class="input_txt border_radius"  /></label>
    <label><span>密码</span><input type="text" class="input_txt border_radius" /></label>
    </form>
    </body>
    </html>
实战神器指标解析 篇四:主力吸筹指标及其分析和使用说明 主力可能会进行多次吸筹,因此需要根据黄色趋势线来判断是否有转强的变化。一旦出现转强的迹象,这通常意味着吸筹已经接近尾声,即将进入拉升前期。此时可以介入进行建仓。该股票指标通过分析价格变动的方式,能够精确跟踪并标识主力的吸筹行为。当底部出现多根洋红色柱子时,这通常表示出现了主力吸筹的指示。这段代码主要用于分析股票的底部吸筹情况、趋势和涨跌情况。 阅读详情

相关推荐

基于TMS320F28034的SCI技术简介

28034的SCI没有接入DMA总线,不过它的收发都有4级的FIFO,在一定程度上也能够缓解cpu的压力。 本文的设计思想如下: 接收:通过中断的方式,4级FIFO满后在中断里将RXDATA出栈。不过就存在这种情况,发送端发出的数据未必能填满4级FIFO,然而此时配置的是4级FIFO触发中断,所以这种情况下中断无法及时地触发。怎么办? 本文的做法是在主程序下循环读取FIFO。这样就可以确保在数据高速传输时,通过中断和主程序及时和有效地接收到总线的数据。(不过当总线波特率较低时可能中断是几...

weixin_48388779的博客 1406

用jquery实现输入框消失文字 .

html>                                                                                                                          head>

weibingbing_net的专栏 647

【SABRE 3D, SABRE 3DxT,LAM设备】2025年9月12日-生产期间维护用的双重隔离

生产期间维护用的双重隔离。该程序用于准备将一个或多个双工位设置为维护状态,同时SABRE 3D/3DxT/3D Scimitar保持生产运行。其目的是在不中断生产的情况下将双工位与运行中的设备隔离。

weixin_46735260的博客 574

jQuery实现输入框获取焦点和失去焦点

登陆界面用户名密码区获取焦点,失去焦点 在用户登陆的界面中,一般都需要用户名和密码才能登陆,这时为了增强用户体验,最好能在当前输入框没有获取焦点时,提示输入信息,获取焦点之后,提示信息消失,文本框显示的信息为用户输入的信息;同时在用户没有输入信息的情况下,或者鼠标移开的情况下,提示信息重新出现。 这时,用户名和密码区设置获取焦点和失去焦点这个小的功能就显得非常重要了。因为j

xiaobing_hope的专栏 5万+

QGIS|如何将WGS84转换为CGCS 2000坐标系?

QGIS 3中如何将WGS84转换为国家2000大地坐标系? 今天来回答一位朋友在后台留言提出的问题:怎么将WGS84坐标转换为国家2000大地坐标系。 01工程坐标系 从地图窗口右下角的状态栏可以看到当前地图窗口的坐标系,即工程坐标系(Project CRS)。当前地图可以由多个图层组成,各种来源数据的坐标参照系(Layer CRS)并不一定相同,QGIS在绘制图层之前将根据工程坐标系进行动态坐标转换,然后显示在地图画布中。 因此,在处理空间数据的过程中,一定要特别注意...

QGISClass的博客 1万+

嵌入式通信协议----Wi-Fi协议详解(一)

Wi-Fi,又称“无线网络”,是Wi-Fi联盟的商标,一个基于IEEE 802.11标准的无线局域网技术。“Wi-Fi”常写作“WiFi”或“Wifi”,但是这些写法并没有被Wi-Fi联盟认可。Wi-Fi产品经由Wi-Fi联盟的一家独立授权测试实验室进行严格测试,产品成功通过测试后,授予制造商或销售商使用Wi-Fi标志、Wi-Fi CERTIFIED标志和相关商标,Wi-Fi联盟使用术语“Wi-Fi CERTIFIED”来称呼这类通过认证的产品。

聪聪的成长之路 1656

我的第一课:jquery实现点击消失

jquery实现点击消失的源代码:                 $(document).ready(function(){         $("p").click(            function()            {             $(this).hide();            }         );

没有一明天的专栏 1359

告别机床‘卡顿’!用C语言在STM32上实现连续小线段速度前瞻(附开源代码)

本文详细介绍了如何在STM32上使用C语言实现工业级连续小线段速度前瞻控制器,解决机床运动控制中的卡顿问题。通过轻量级算法框架设计和混合精度计算策略,显著提升加工效率和表面质量。文章包含开源代码和实战案例,帮助开发者快速掌握速度前瞻规划算法在嵌入式系统中的应用。

weixin_42571738的博客 186

【笔记——JQuery】输入框的的提示,点击后消失

//普通输入框,各个参数://e 输入框对象//temp 提示文本内容 function inputTip(e,temp){ e.click(function(){ var text = e.attr("value"); if(text.trim() == temp){ e.attr("v...

weixin_30690833的博客 174

STM32F407实现LwIP的MQTT客户端并连接到服务器

这个是用LwIP协议栈中自带的MQTT客户端API写成的,代码注释很详细,附带有服务端的展示。LwIP版本是2.1.2.

wait_for_STM32的博客 6394

DA14531-外设驱动篇-UART收发通信应用

宏定义注解CFG_PRINTF用户开启串口串口打印宏设置波特率选择115200。

hejinwu1314的博客 730

js常见问题

1、用JS来实现输入框提示文字点击时消失 在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的,这个就是“文本框点击时文字消失,失去焦点时文字出现”这个效果;这个效果用个JS就可以完成,这个效果是做网站的人必备的JS代码;自己会写JS的写写也快,不会写的就需要代码收集以作备用,用到的时候就方便多了。 下面就是这个效果实现用到的JS代码: 程序代码  "Ja

318

Open-Sora代码详细解读(1):解读DiT结构

目前开源的DiT视频生成模型不是很多,Open-Sora是开发者生态最好的一个,涵盖了DiT、时空DiT、3D VAE、Rectified Flow、因果卷积等Diffusion视频生成的经典知识点。本篇博客从Open-Sora的代码出发,深入解读背后的原理。

沉迷单车的追风少年 2264

使用jQuery实现input的灰色提示信息

JS代码: /** * Input框里的灰色提示,使用前先引入jquery * 使用方法: * * @return */ function inputTipText(){ $("input[tipMsg]").each(function(){ if($(this).val() == ""){ var oldVal=$(this).attr("tipMsg"); if

实践出真知 3935

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的

jQuery代码 <input value="请输入用户名" type="text"> <input value="请输入密码" type="text"> <input value="提交" type="submit"> <script> $(function(){ //输入框中文字颜色控制 $("input:no...

weixin_30480075的博客 491

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

jQuery中blur和focus事件的应用

本文转自: jQuery中blur和focus事件的应用 一、需求原因 在填写表单时需要实现如下效果 二、具体实现 鼠标点击后无文字,挪开鼠标后有文字      $(function(){          /*进入焦点时触发*/          $("#account").focus(function(){               va

sinolzeng的专栏 1015

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

密码框显示提示文字

密码框显示提示文字 script> $(document).ready(function(){ $(".text_login").focus(function(){ if($(this).val()=='user name' || $(this).val()=='password'){ $(this).val(''); } if($(this).attr('id')=='password1'){ $(this).hide(); $('#pass

那些疯狂到以为自己能够改变世界的人,才能真正改变世界! 2946

JQuery实现“请输入关键字”文本框的输入特效

<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br />    <title></title><br />    <style type ="text/css" ><br />  

Zool_happy的专栏 1638

jQuery学习笔记(2)

val() 当鼠标放上去的时候,文本消失,鼠标拿开,文本恢复 效果图: code as below: 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head runat="server"> 3 <script src="Scripts/jquery-1.11.2.js" type...

weixin_30634661的博客 80

input失去焦点和获得焦点jquery焦点事件

input失去焦点和获得焦点jquery焦点事件插件 - 懒人建站 $(document).ready(function(){ //focusblur jQuery.focusblur = function(focusid) { var focusblurid = $(focusid); var defval = focusblurid...

linhuiDragon的专栏 284

搜索框效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <ti...

weixin_30808253的博客 74

value属性

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="text" value

jifubu6013的博客 815

获取和失去文本框焦点返回默认值

$(function(){ //focus(获取焦点), blur(失去焦点) $(":text").focus(function(){ var str = $(this).val(); //defaultValue表示当前默认值 if(str == this.defaultValue) { $(this).val(""); } }).blur(function(){ va

wzx735481897的博客 483

JQuery失去焦点和获取焦点

<script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#username').focus(function ()//得到教室时触发的时间 { $('#username').val(''); ...

weixin_30840573的博客 93

Jquery鼠标点击出现文字

点击鼠标左键出现文字效果。 原理解说 1.首先确定你是不是点的鼠标左键; 2.文字效果要出现在你鼠标点击的地方; 3.点击后文字出现一个由下往上的显示效果; 4.点击完成后固定时间内还得消失 效果演示 代码演示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

weixin_45743799的博客 2153

html表单框内文字点击消失,jQuery 使用label实现点击表单input,提示文字消失的示例...

感兴趣的小伙伴,下面一起跟随512笔记的小编罗X来看看吧。很多网站在填写表单的时候,都可以看到这样一种UI,input[type=text]里面有提示的文字,当鼠标点进去之后提示文字就消失了。以前做这个效果的时候都是用很笨的方法,就是把提示文字写进input的value里,然后在focus的时候去掉,在blur的时候再判断一下input的value是不是空,如果为空再把提示加上去。这样做很笨,不仅...

weixin_42376799的博客 1183
上一篇: jquery post 乱码 提交到struts2 中文乱码
下一篇: 开源全文索引项目
lb8607
博客等级 码龄18年 17粉丝 18原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值