`
piperzero
  • 浏览: 3553571 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

<!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>

分享到：
| 推荐两款富文本编辑器：NicEdit和Kindedit ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js实现鼠标点击文本框自动选中内容的方法

    标题中提及的"js实现鼠标点击文本框自动选中内容的方法"主要涉及到的是JavaScript编程语言中的两个概念：鼠标点击事件（onClick）和文本选择事件（select）。在Web开发中，页面上的文本框（input type="text"）或者...

    鼠标触发文本框

    邮箱和密码文本框，默认有文字提示，当鼠标点击文本框时触发事件，是的文本框内文字消失

    鼠标选中文本框，默认内容消失

    当用户将鼠标焦点放在文本框上时，默认文本（通常称为占位符文本）会消失，以便用户可以输入新的内容。然而，如果用户在未输入任何新内容的情况下离开文本框，占位符文本应重新出现。这通常是通过JavaScript和DOM...

    文本框取鼠标事件文本框取鼠标事件

    根据提供的信息，我们可以深入探讨与“文本框取鼠标事件”相关的知识点。这主要涉及Web开发中的HTML和JavaScript技术，特别是如何在网页上处理文本框的鼠标事件。 ### 文本框与鼠标事件概述 #### 1. **文本框(Text...

    input文本框里面显示提示信息

    当用户鼠标点击文本框时，这些提示信息会自动消失，以避免干扰用户的输入过程。 要实现这样的功能，我们可以利用HTML5的`placeholder`属性来设置文本框的提示信息。`placeholder`属性的值就是显示在输入框内的文本...

    JavaScript鼠标点到文本框时的提示信息

    JavaScript鼠标点到文本框时的提示信息 JavaScript鼠标点到文本框时的提示信息 JavaScript鼠标点到文本框时的提示信息

    asp.net后台实现文本框提示文字

    通过以上步骤，我们就实现了ASP.NET后台控制文本框提示文字的功能，使得提示文字在鼠标点击时消失，鼠标离开后重新出现，且提示文字为灰色，输入文本时为黑色字体。这种方法不仅提高了用户体验，而且代码结构清晰，...

    基于JQuery实现鼠标点击文本框显示隐藏提示文本

    基于JQuery实现鼠标点击文本框显示隐藏提示文本的功能，是前端开发中的一个常见需求。 要实现上述功能，可以利用JavaScript和JQuery。JQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件...

    点击文本框弹出软键盘

    当用户点击文本框时，这个自定义软键盘将被显示出来，用户可以通过点击按钮输入相应的字符。 2. 事件处理：在C#或VB.NET中，我们需要为文本框添加“Click”事件处理程序。当用户点击文本框时，这个事件会被触发，...

    原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

    原生JavaScript日期时间插件，不依赖任何外部库如jQuery，它提供了用户友好的交互方式，例如当用户点击文本框时，会弹出一个表格让用户选择日期和时间。这种功能在网页表单或事件预订等场景中非常实用。下面我们将...

    多个Word文本框合作显示大段文字.docx

    一旦文本框被链接，当你在其中一个文本框中输入文字，当该文本框填满后，多余的文本会自动跳转到下一个链接的文本框中，这样就可以实现大段文字的连续显示。这种功能对于创建多列布局、目录或其他需要分隔文字的场景...

    jQuery点击文本框下拉菜单城市选择代码.zip

    当用户点击文本框时，下拉菜单会显示；当用户点击其他地方或选择城市后，下拉菜单会隐藏。以下是一个基本的示例： ```javascript $(document).ready(function() { $('#city-input').on('click', function() { $('...

    原生js实现的日期时间插件鼠标点击文本框弹出日期时间表格选择日期效果源码.zip

    该资源是一个基于原生JavaScript编写的日期时间插件，它实现了在网页中点击文本框时弹出一个日期时间选择器的效果。这个插件对于网页开发者来说非常实用，因为它不需要依赖任何外部库，如jQuery或其他重型框架，从而...

    js显示文本框提示文字的方法

    这样用户一打开页面就能看到提示文字，而当用户开始输入时，提示文字会自动消失，并且文本框的样式也会随之改变。 在页面中，我们使用`&lt;input type="text"&gt;`标签创建多个文本输入框，并为每个文本框设置默认值，即...

    点击输入框默认文字消失效果

    根据给定文件的信息，本文将详细探讨如何实现“点击输入框默认文字消失”的效果，并结合提供的代码示例，深入分析四种不同的实现方式及其工作原理。 ### 知识点一：鼠标移动上去，边框变红（第一种方法） 在网页...

    如何实现多个Word文本框共同显示大段文字.docx

    一旦建立了链接，当你在其中一个文本框中输入文字，当该文本框的空间填满后，文本会自动流动到下一个链接的文本框中，继续显示剩余的内容。 在此过程中，有几点需要注意： 1. **链接的文本框必须是空白的**：只有...

    当鼠标划过文本框，自动选中文本框中的内容

    ### 当鼠标划过文本框，自动选中文本框中的内容 #### 技术背景与应用场景 在网页设计和开发过程中，提升用户体验是一项重要的任务。其中一个常见的需求是：当用户将鼠标光标移动到一个文本框上时，文本框内的内容...

    jQuery实现鼠标单击网页文字后在文本框显示的方法

    标题所包含的知识点是“jQuery实现鼠标单击网页文字后在文本框显示的方法”，这意味着我们需要掌握jQuery库的使用，特别是关于如何处理鼠标点击事件以及如何在网页中动态显示或更新内容。描述部分进一步细化了知识点...

Magicbox
Global site tag (gtag.js) - Google Analytics