文本框得到焦点後，清空内容，失去焦点，还原成默认值

最新推荐文章于 2021-12-04 17:24:44 发布
原创 最新推荐文章于 2021-12-04 17:24:44 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#function #input

本文介绍了一种使用JavaScript实现的HTML输入框预设文字效果的方法。通过onFocus和onBlur事件，当用户点击输入框时清除预设文字，当失去焦点且内容为空时恢复预设文字。
<script>
function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } }
function OnExit( field ) { if( field.value == "" ) { field.value = field.defaultValue; } }
</script>
<input type=text value="预设文字" onFocus=OnEnter(this) onBlur=OnExit(this)> 
统信系统UOS桌面版V20 用户手册
Reyn_观极
07-27 2万+
UOS桌面版V20用户手册。
html+css+js基础内容（一）
Android、HTML、CSS、JS、JAVA、Kotlin、PHP等技术
04-20 392
1.标签由标签名、标签属性和文本内容三部分组成（注意：单标签没有文本内容）。 2.标签属性是对标签的一种描述方式。 3.标签属性分通用属性、自有属性和自定义属性。 4.通用属性:所有标签都具有的属性（除<br />标签外）。 通用属性有： id：用来给标签取一个唯一的名称。id名称在一个网页必须是唯一的。 class：用来给标签取一个类名。 style：用来设置该标签的行内样式。 title：当鼠标移到该标签，所显示的提示内...
文本框得到焦点后，清空内容，失去焦点，还原成默认值
北极光的博客
09-06 2018
好久没更新，今天来写一篇。     如题，就是一个关于文本框的东东，记录下来，省的以后用的时候再找，嘻嘻！    其实蛮简单的一段代码，却很实用： function OnEnter( field ) {    if( field.value == field.defaultValue ) {       field.value = "";    } } function
html文本框input表单输入框默认提示信息插件，获得焦点自动清空默认值，失去焦点对比确认默认值
12-02
本插件是为输入用户名的提示信息而写的 功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐 所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷 简单说明： 1 可以自动默认提示信息 若不设置则默认值为：用户名 邮箱 2 当input获得焦点时 input的值会被自动清除；当input失去焦点时 会判断输入值与默认值是否一致 如果一致（或空）则再次显示默认提示信息 若不一致（已输入信息）则input值为所输入值 3 此插件是jquery插件 调用方式为 $ "#xxx" autoTip ; 并可以指定input获得焦点和失去焦点的CSS样式 以下为参数说明 + 参数 @input 入参 json对象 @ dvalue input表单提示默认值 @ tip 默认提示信息样式名class @ tipnone 在指定的input执行click时替换的样式名class + 使用方法: $ "#xxx" autotip ; @ #xxx 为需要提示的input的id">本插件是为输入用户名的提示信息而写的 功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐 所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷 简单说明： 1 可以自动默认提示信息 若不设 [更多]
TextBox获取焦点清空文本，失去焦点回复文本
liuyaokai1990的博客
07-01 140
一、 (1)TextBox获取焦点清空文本，失去焦点回复文本 <input type="text" id="searchKey" name="key" class="textBox" value="请在此处输入关键字"onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value.repl...
＜van-field 失去焦点后，就自动清空输入框了，大bug
yuan_618859的博客
12-04 8320
vant的van-field输入框自动清空bug
实现文本框默认值自动加载与重置功能
// 鼠标移出且内容为空时还原默认值 } }); }); } ``` #### 6. 注意事项 - 确保在使用该脚本之前已经正确引入了jQuery库。 - 在实际应用中可能需要根据具体需求调整脚本逻辑，比如处理多个元素的默认值。 - ...
文本框输入提示信息实现方法详解
然后监听文本框的`focus`（获得焦点）和`blur`（失去焦点）事件。当用户点击输入框时触发`focus`事件，此时判断当前输入框的值是否等于提示文字，如果是，则清空内容并恢复正常的输入文本颜色；当用户离开输入框时...
jQuery 获取焦点 等
supreme_yes的博客
04-28 659
1.获取焦点问题 1.要求：1. 在文本框获取焦点时背景变红，失去焦点时移除这个效果2.获取焦点时清空文本框的内容区3.如果用户填写的内容为空，则还原之前的默认值2.涉及知识点1.$(“:input”)选择所有文本框2.this.value 当前值 this.defaultValue之前值3.this.value $(this).val()获取文本框的值4.this.value=""清空文本框...
文本框失去焦点问题
05-30
文本框焦点问题解答，没有基础的看着费劲 TextBox组件[2]（文本框组件）是一种常用的，也是比较容易掌握的组件。应用程序主要使用它来接收使用者于输入文字信息。 当我们使用Visual Basic .Net集成开发环境开发应用程序时，在从【工具箱】的【Windows窗体】选项卡中向Form1的设计窗体拖入一个TextBox组件的后，我们可能并没有感觉到即使是这样一个简单的操作，Visual Basic .Net都做了很多幕后工作。主要工作和步骤如下： 1. 首先实例化System.Windows.Forms.TextBox类，并根据拖动到窗体的位置和形状分别设定TextBox实例的各个属性。 2. 我们看到的设计窗体，其实是Form1类的一个实例，而Form1类首先是从System.Windows.Forms.Form类继承而来，Form1类中的成员根据使用者往窗体中拖入的组件不同而不同。各个成员通过Add或AddRange方法加入到Form1中，这样拖入的组件才能够显示在设计窗体上。
当某个文本框成为焦点时即清除文本框内容
12-10
代码如下: <!doctype html> <html> <head> <meta charset=”utf-8″> <title>成为焦点时清除文本框内容</title> [removed] [removed] = initAll; function initAll(){ var clearText = document.getElementsByTagName(“input”); for (var i=0; i<clearText.length; i++){ clearText[i].onfocus = function ( ){ this.value = “”; } } } </s
Jquery实现文本框获取焦点清空内容，失去焦点重新获得内容
行者
11-17 6821
$("#search").focus(function cls() {         //捕获触发事件的对象，并设置为以下语句的默认对象          with (event.srcElement)         //如果当前值为默认值，则清空              if (value == defaultValue) value = ""     });     $("#
鼠标放上去清空 鼠标放上去清空input
YFCMS博客
01-21 2943
文本框默认有一个值,然后鼠标点上去那个值就清空   function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } } function OnExit( field ) { if( field.value == "" ) { field.value = field.defaul
vue 动态添加的input框 输入一个字符之后会失去焦点
weixin_41919953的博客
12-13 2895
直接使用上层循环的item值作为当前循环对象，导致双向绑定的值会改变data里的值，每一次改变之后会更新table的视图，每一次输入之后input框都会失去焦点 改成直接循环data里的数组的值，数据初始渲染没有问题，输入框绑定的值也没有问题，并且不会更新table视图 ...
文本框得到焦点时，默认值被清除，文本框失去焦点时，用默认值填充
我们仨
07-21 1316
想要实现如下图所示的效果，鼠标点击文本框时，将文本框清空，鼠标没有聚焦在文本框上时，用默认值填充； 代码如下： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <script type="text/javascript"> // 鼠标点击搜索框时执行 fun...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值