文本框默认值 点击清空 鼠标移开恢复默认值

最新推荐文章于 2021-11-09 18:56:37 发布
原创 最新推荐文章于 2021-11-09 18:56:37 发布 · 1.9k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#WEB前端 #onfocus #onblur

本文详细解析了一个HTML输入字段的属性及用途，特别是如何通过'onfocus'和'onblur'事件实现用户体验优化，对于前端开发者理解并实施类似的交互设计具有较高的参考价值。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 <input type="text" name="link" id="link" onfocus="javascript:if('请输入您的用户名'==this.value)this.value='';" onblur="javascript:if(''==this.value)this.value='请输入您的用户名'" value="请输入您的用户名" />


文本框得到焦点时，默认值被清除，文本框失去焦点时，用默认值填充
我们仨
07-21 1297
想要实现如下图所示的效果，鼠标点击文本框时，将文本框清空，鼠标没有聚焦在文本框上时，用默认值填充； 代码如下： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <script type="text/javascript"> // 鼠标点击搜索框时执行 fun...
jQuery实现设置、移除文本框默认值功能
12-12
比如当文本框获取鼠标焦点的时候，默认值会被清空，当文本框没有输入内容，鼠标焦点离开的时候，又会恢复到默认值。 代码实例: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=” utf-8...
input文本框 鼠标点击默认值消失,不输入离开鼠标恢复默认值
热门推荐
SJian123的专栏
06-05 1万+
input文本框 鼠标点击默认值消失,不输入离开鼠标恢复默认值 1.input: 2textarea: 强制兼容：
JS 怎么实现点击文本框清空移出后又恢复
科比不来it
01-31 755
为了更好的增加用户体验，今天对007秒杀网http://www.miaosha007.com的头部搜索的js进行了修正，简单的说就是JS 怎么实现点击文本框清空移出后又恢复，代码如下：
C# 光标定位到textbox文本框的末尾处、去掉字符串中特定的符号
rookie的博客
08-01 1948
strResultChs：代表写入文本框的字符串       textbox.Text = strResultChs.Replace(" ", "");//取出字符串中的空格       textbox.Text = strResultChs.Replace(", ",  "。");//字符串中的逗号替换为句号       this.textboxr.Focus();//获取文本焦点 
vue input输入时清空默认value=0，取消焦点时恢复0
初郁
11-09 3706
场景：input框中默认存在value=0，输入时将0清空，当value=’ '时，恢复value=0 <van-field v-model="arr[0].value" name="stockInvest" type="digit" maxlength="13" :formatter="zeroFormatter" input-align="right" label-width="50%" @blur="onBlur(0)" /> methods: { zeroForma
关于 文本框默认值 的操作js代码
12-08
首先说这种提示功能很好，非常直观，可是怎么让它们获取焦点时内容清空、失去焦点后内容分为空的话就显示提示文本….. 当页面这些元素多了之后如何去管理…等等问题 代码如下: var inputText=function(o,e,e2){ if...
JS文本框默认值处理详解
10-27
JS文本框默认值处理是前端开发中常见的一种需求，它涉及到在用户与页面进行交互时，对文本框的初始内容进行动态调整，以提升用户体验。在这篇文章中，我们将详细解释如何使用JavaScript来处理文本框的默认值。 首先...
文本框得到焦点后，清空内容，失去焦点，还原成默认值
北极光的博客
09-06 1984
好久没更新，今天来写一篇。     如题，就是一个关于文本框的东东，记录下来，省的以后用的时候再找，嘻嘻！    其实蛮简单的一段代码，却很实用： function OnEnter( field ) {    if( field.value == field.defaultValue ) {       field.value = "";    } } function
文本框 清空_重置——清空
weixin_34656543的博客
01-15 1096
说起重置，可省了老鼻子事儿，新加的需求，代码还是那些，下面就跟着小姐姐来学习一下吧~HTML重置按钮"btnbtn-primarybtn-roundedbtn-sm"onclick=js reset()方法function reset() {$("#departmentid").combotree('setValue',null);//清空树$("sel...
input默认值，点击清除，离开恢复
仿站、源码搭建/迁移技术博客
02-27 587
input默认值，点击清除，离开恢复 参考代码如下： <input type="text" class="top_txtbox" size="19" value="请输入您要搜索的内容" onfocus="if (value =='请输入您要搜索的内容'){value =''}" onblur="if (value ==''){value='请输入您要搜索的内容'}" /> ...
HTML点击之后其他恢复原样,jQuery的 - 之后的.css（）调用，和其他古怪恢复到原来的样式声明...
weixin_32081489的博客
07-15 272
我试图让一个状态栏，在我的web应用程序，当它接收到消息(通过PHP)生长，然后恢复到它的几秒钟后的原始高度。jQuery的 - 之后的.css()调用，和其他古怪恢复到原来的样式声明这里的加载页面时应用的CSS：#status {height:17px;background-color:#424242;-moz-transition:height 1s;-webkit-transition:he...
html掷骰子游戏的代码,jquery实现掷骰子小游戏
weixin_32392583的博客
05-31 660
本篇给大家分享一个很好玩的掷骰子游戏，当点击“掷筛子”按钮时张三和李四两人同时掷出筛子，在各自的文本框中会显示出各自掷出筛子的大小，并且会在第三个文本框中比较出两人点数的大小，并显示出获胜方，若两人点数一样，会显示平局。当点击“不玩了”按钮时，会清空所有文本框中的数据，回归初始。效果图：源码：掷骰子游戏$(document).ready(function(){$("button:eq(0)").c...
点击文本输入控件，默认文本消失，点击其他地方再次恢复
xiaosongwahaha的博客
12-21 1150
onblur="if (value ==''){value='请输入商品标题，若有多个标题请换行隔开'}">请输入商品标题，若有多个标题请换行隔开
文本域textarea 点击文本消失 离开文本复原
huangxinyu_it的专栏
03-24 1909
文明上网，理性发言
jQuery实现文本域内提示文字，当鼠标点击进文本域后自动消失，文本域失去鼠标焦点后显示提示文字或显示用户输入的文字。
u012555953的专栏
07-28 2710
textarea id="myinput">textarea> $(function(){                   var t = $('#myinput'); //获取到文本域对象                   t.css("color","#A9A9A9"); //设置文本域的样式                   t.val("请输入内容");
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值