input 输入框获得/失去焦点时隐藏/显示文字

最新推荐文章于 2019-05-20 18:03:24 发布
最新推荐文章于 2019-05-20 18:03:24 发布
阅读量295 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/smalljonxo/article/details/84274849
版权

原文地址： 

 

 

一种好看的写法：（但是未实现分离）

 

<input name="content" type="text" size="50" id="content" value="请输入公司名进行查询" οnmοuseοver="this.style.borderColor='#FF6600'" οnmοuseοut="this.style.borderColor=''" onFocus="if (value =='请输入公司名进行查询'){value =''}" onBlur="if (value ==''){value='请输入公司名进行查询'}"/>
 
smalljonxo
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
输入框获取焦点位置，通过按钮插入文字
weixin_43932092的博客
03-04 406
【代码】输入框获取焦点位置，通过按钮插入文字。
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
10-16
主要介绍了jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能,涉及jQuery事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
输入框聚焦隐藏提示语
weixin_30920597的博客
03-29 287
JavaScript： function focus(){ $(".input_txt").each(function(){ var thisVal=$(this).val(); //判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示 if(thisVal!=""){ $(this).si...
输入框获得和失去焦点时隐藏/显示文字 新颖实现
weixin_34418883的博客
05-12 173
Java代码 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/...
input搜索框获取焦点时，placeholder消失
菌哥记录
09-18 9523
/* 点击搜索框获取焦点 placeholder消失-开始 */ /* WebKit browsers */ input:focus::-webkit-input-placeholder { color: transparent; /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */ } /* Mozilla F
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
10-27
当输入框失去焦点且无用户输入时，恢复默认值。 这种实现方式提高了代码的可维护性和复用性，只需要修改jQuery代码中的类名或默认值，就能轻松地应用于整个项目中的任何输入框。同时，它遵循了良好的编程习惯，保持...
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
10-29
为了提高用户体验，经常会在表单的输入框（`input`元素）内预设提示性文字，这些文字在用户未输入时显示，一旦用户聚焦输入框开始输入，提示文字应自动消失。jQuery是一个广泛使用的JavaScript库，它简化了DOM操作和...
input文本框在失去焦点的时候，显示其输入的值，如果没有输入则该文本框获得焦点
メ芯疼卟り 的博客
05-20 4359
在input框中获取日期，用的失去焦点事件，会出现一个如下图中的bug： 第一次选择日期时，当点击所选日期则框中已失去焦点，然后日期才会插入进去，下面有一个简单办法： <input type="text" name="txt" id ="txt" onblur="if(this.value.length==0)this.focus();"> 如上只需要在input文本框中加入（ο...
input标签提示语 获得焦点提示语消失
weixin_30414155的博客
09-21 548
在html中 <input type="text" placeholder="这是提示语...."> 但是在easyui中 placeholder是没有效果的, 可以使用prompt easyUI ==> <input type="easyui-textbox" prompt="这是提示语" /> 转载于:https://www.cnblog...
element 表单的input循环生成，并可单个input失去焦点单个验证并保存； （多个表单实例）...
weixin_34391854的博客
07-10 611
<div class="box_item"> 　　<el-form ref="aList" :model="form" :rules="formRules" label-width="210px"> 　　　　<el-form-item class="itemSty" 　　　　　　v-for="(items, index) in form.aList" 　　　...
jquery控制点击文本输入框input 文字隐藏显示
weixin_30338743的博客
04-22 347
<div class="top_12"> <label>搜索商品</label> <input type="text" class="p_2"> </div> <script> $(function(){ ...
vue中监听input框获取焦点，失去焦点的问题
热门推荐
铁柱的博客
10-30 10万+
一、背景 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;博主之前在用vue的获取焦点，失去焦点的时候，出现了@blur和@focus无效的情况。当时百思不得其解。今天又在写vue页面的时候，突然@blur和@focus又好用了。emmmm，看来这部分值得一战。 二、首先是正宗的监听事件的写法 1、html代码 //这是html的输入框。定义了一个获取焦点，失去焦点的方法 ...
在vue中input框得到焦点选中文字
若晨工作室
06-04 1万+
最近项目中有个需求，input框获取焦点时需直接选中文本内容。代码：&lt;el-input v-model="addDialogForm.name" @focus="focus($event)"&gt;&lt;/el-input&gt;//得到焦点选中focus(event) { event.currentTarget.select();}如有问题欢迎交流讨论。...
input输入框失去焦点
最新发布
09-13
当input输入框失去焦点时，可以通过以下方法来实现提示的消失与显示功能： 1. 使用jQuery的onblur事件监听input输入框的失去焦点事件。在事件处理函数中判断输入框是否有内容，如果没有内容则显示提示，如果有内容...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值