鼠标点击文本框后，里面的文字就消失，鼠标离开文本框后，里面的文字又会显示...

最新推荐文章于 2018-10-19 20:43:02 发布
最新推荐文章于 2018-10-19 20:43:02 发布 · 355 阅读 · 0
文章标签：

#java #xhtml

本文介绍了一种使用HTML和JavaScript实现的文本框占位符效果：当鼠标点击文本框时，内置的文字消失；当鼠标移开且文本框为空时，内置的文字重新出现。这种效果常见于现代网页设计中，能提升用户体验。
<!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>鼠标点击文本框后，里面的文字就消失，鼠标离开文本框后，里面的文字又会显示</title>
</head>
<body>
<input name="key" type="text" id="key" value="关键词" size="30"
onmouseover=this.focus();this.select();
onclick="if(value==defaultValue){value='';this.style.color='#000'}"
onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999" />
</body>
</html>
iteye_3224
关注
jQuery实现鼠标单击网页文字后在文本框显示的方法
10-24
标题所包含的知识点是“jQuery实现鼠标单击网页文字后在文本框显示的方法”，这意味着我们需要掌握jQuery库的使用，特别是关于如何处理鼠标点击事件以及如何在网页中动态显示或更新内容。描述部分进一步细化了知识点...
js实现鼠标点击文本框自动选中内容的方法
10-23
标题中提及的"js实现鼠标点击文本框自动选中内容的方法"主要涉及到的是JavaScript编程语言中的两个概念：鼠标点击事件（onClick）和文本选择事件（select）。在Web开发中，页面上的文本框（input type="text"）或者...
搜索提示框文字，鼠标点击，文字消失，鼠标点外面，文字出现
weixin_30752377的博客
08-19 341
转自： http://www.yslow.net/show.php?tid=447 像有些搜索框中会显示“在这里输入要搜索的东西”，鼠标点击那个搜索框后，那些字就没有了, 鼠标点击页面其它地方后，搜索框里的文字又出现。 <input value="请输入关键字" onfocus="if (value =='请输入关键字'){value =''}" onblur="if (value...
鼠标点击时输入框内的文本消失
cngdjws的专栏
12-05 1359
<br />第一步：<br />在<body>区需要显示输入框的地方添加输入框HTML代码Select All<br /> <input type="text" value="请输入您的姓名" id="myinput" /><br /><br /><br />第二步中定义了文本输入框的监听事件，监听输入框的点击事件，当鼠标点击时会触发。<br />文本框的ID必须与JavaScript中的对应<br /> 
文本框默认显示的字（提示的文字），点击后文字消失。
weixin_33955681的博客
10-08 882
      $("#tbContent").val("1.可在右边的消息模块添加相关的消息模板,选择完需勾选下左边你要发送的接收人.\n2.短信内容超过80个字将分成多条发送!");            $("#tbContent").bind("click",function(){               if($("#tbContent").css("color")==&qu
js 焦点事件
qq_42467563的博客
10-19 3669
onfocus：获取焦点 onblur：失去焦点 &lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="UTF-8"&gt;         &lt;title&gt;&lt;/title&gt;     &lt;/head&gt;
鼠标点击文本框后，里面的文字就消失，鼠标离开文本框后，里面的文字又会显示
02-02 1万+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">                         鼠标点击文本框后，里面的文字就消失，鼠标离开文本框后，里面的文字又会显示                               onmouseover=this.focus();this.select()
基于JQuery实现鼠标点击文本框显示隐藏提示文本
10-28
基于JQuery实现鼠标点击文本框显示隐藏提示文本的功能，是前端开发中的一个常见需求。 要实现上述功能，可以利用JavaScript和JQuery。JQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件...
鼠标焦点离开文本框时验证的js代码
10-27
本文所关注的是一个特定场景——在用户填写完毕并试图离开一个文本框（例如，通过鼠标点击其他地方或使用Tab键切换焦点）时，对文本框中的数据进行验证。 在给出的示例代码中，我们使用了HTML和JavaScript结合的...
html中input文本框 初始里边有文字提示 当点击时文字消失
热门推荐
10-11 1万+
&amp;lt;input type=&quot;text&quot; value=&quot;请输入要查找的关键字&quot; onfocus=&quot;if(value=='请输入要查找的关键字')value=''&quot; onblur=&quot;if(!value)value='请输入要查找的关键字'&quot; name=&quot;keyword&quot; &amp;gt; 点击文字消失移开文
Java GUI 文本框点击时提示信息消失和弹出窗口在按钮或者标题栏显示倒计时
锦瑟年华,逐梦之人
10-14 6790
最近在做课程设计，遇到一些界面设计，比较麻烦，花了一些心思设计，所以在此记录下来，虽然不是最好的，用其他语言或其他方式可能会更简单些。 描述1：JTextField文本框未输入时，在文本框上的提示信息颜色设置为灰色，点击文本框时，提示信息消失，输入的字体颜色变成黑色，再次点击时，输入的信息不会被清空。 先上效果图： 代码Demo.java import javax.swing.JFra...
MFC中将CEdit设置光标当前位置在编辑框最后
komtao520的博客
11-23 1万+
CString strInfo; m_Edit.GetWindowText(strInfo); int nLength = strInfo.GetLength(); m_Edit.SetSel(nLength,nLength, FALSE); m_Edit.SetFocus();
MFC中点击文本框显示提示，点击其他地方提示消失的方法
u012329294的专栏
08-03 1407
BOOL CPrjDlg::PreTranslateMessage(MSG* pMsg) { if ((pMsg->message == WM_LBUTTONDOWN) || (pMsg->message == WM_LBUTTONUP))  //核心点     {                if (GetFocus() == GetDlgItem(IDC_EDIT_PRJ_NAME)
js写一个文本框添加提示文本，当单击文本框，里面的默认提示文字会隐藏，鼠标指针离开文本框，里面的文字会显示出来
最新发布
10-13
在JavaScript中，你可以使用`addEventListener`来监听文本框的点击和鼠标移入/移出事件，实现这样的功能...鼠标离开文本框且输入框未有值时，提示又会显示；再次鼠标移动到输入框内，如果输入了内容，提示将再次隐藏。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值