`
xudongcsharp
  • 浏览: 477070 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

BlogHTML 
阅读更多

原文出自：http://hi.baidu.com/chunleishaoye/blog/item/78ad24fdec6c851809244deb.html

<input type="text" name="link" id="link" onfocus="javascript:if('请输入您的用户名'==this.value)this.value='';" onblur="javascript:if(''==this.value)this.value='请输入您的用户名'" value="请输入您的用户名" />
分享到：
| (JS特效)鼠标上滚动字体
评论
发表评论

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

相关推荐

    jQuery实现设置、移除文本框默认值功能

    jQuery实现的文本框默认值感应鼠标动作: 本章节介绍一下如何利用jQuery实现文本框默认值感应鼠标动作的功能。 比如当文本框获取鼠标焦点的时候，默认值会被清空，当文本框没有输入内容，鼠标焦点离开的时候，又会...

    文本框 默认值 灰色 方法 网络 浏览器

    标题和描述提到的"文本框默认值灰色方法"涉及到使用JavaScript库jQuery来实现这一效果。下面将详细解释如何在不同浏览器环境下，利用jQuery实现文本框的默认灰色文本，并探讨相关的网络与浏览器兼容性问题。 1. **...

    C#文本框灰色默认值的设置

    有时，为了提供更好的用户体验或指导用户如何使用文本框，我们可能希望在文本框中预设一些灰色的默认值，这些默认值在用户点击文本框时自动清除，以便用户输入自己的数据。这种设计常见于登录界面中的用户名和密码...

    JS文本框默认值处理详解

    JS文本框默认值处理是前端开发中常见的一种需求，它涉及到在用户与页面进行交互时，对文本框的初始内容进行动态调整，以提升用户体验。在这篇文章中，我们将详细解释如何使用JavaScript来处理文本框的默认值。 首先...

    关于 文本框默认值 的操作js代码

    首先说这种提示功能很好，非常直观，可是怎么让它们获取焦点时内容清空、失去焦点后内容分为空的话就显示提示文本….. 当页面这些元素多了之后如何去管理…等等问题 代码如下: var inputText=function(o,e,e2){ if...

    打击自动清空文本框内容

    如何让文本框内的提示信息在激活文本框...所以应该让文本框更人性化一点，在focus时检查当前值是否为文本框的默认值，是则清空，否则保持不变，而在blur时检查文本框的内容是否为空，是则重置为默认值，否则保持不变。

    jQuery设置和移除文本框默认值的方法

    在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理和动画效果。...通过学习和理解这段代码，你可以更好地掌握jQuery中处理文本框默认值的方法，并将其应用于自己的项目中。

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

    - 第二个文本框默认值为 “Ʊ:”，可能用于用户输入其他信息。 #### 6. **JavaScript 代码解析** - **事件绑定**：通过 `onfocus` 和 `onblur` 属性绑定了 JavaScript 函数。 - **函数逻辑**： - 在 `onfocus` ...

    输入框默认值

    * @功能 实现功能是初始化时文本框中默认值，当鼠标移入则清空默认值；但如果用户没有输入任何值，则还原默认值；提交时候如果是默认值则清空 * @描述 基于jquery 所以使用前必须导入jquery包 * @使用方法: 1,在...

    javascript和jquery实现设置和移除文本框默认值效果代码

    总之，无论是使用原生JavaScript还是jQuery，实现设置和移除文本框默认值效果的关键在于合理运用onfocus和onblur事件，以及正确地处理input元素的value属性。通过上述示例，我们可以看到，通过简单的代码修改，即可...

    文本框获得焦点清空value的插件

    在某些应用场景下，我们希望当文本框获取到焦点时，其内部的默认值能被自动清空，方便用户输入。这通常发生在需要用户输入新数据而预设的示例文本可能造成干扰的情况下。"文本框获得焦点清空value的插件"就是为了...

    html文本框input表单输入框默认提示信息插件，获得焦点自动清空默认值，失去焦点对比确认默认值

    当input失去焦点时 会判断输入值与默认值是否一致 如果一致（或空）则再次显示默认提示信息 若不一致（已输入信息）则input值为所输入值 3 此插件是jquery插件 调用方式为 $ &quot;#xxx&quot; autoTip ; 并可以指定...

    小楼axure图文教程（一）文本框焦点效果

    在“小楼axure图文教程（一）”中，我们将关注文本框的焦点效果，包括默认文字显示、焦点获取后的清空以及失去焦点后的默认文字恢复。 首先，我们需要了解几个关键概念： 1. **文本框**：在Axure中，文本框是用户...

    js如何实现点击标签文字，文字在文本框出现

    这种方法的特点是，点击标签后，标签中的文字会直接替换文本框中原有的文字，实现点击即选的效果。 #### 实现原理： 1. 使用HTML定义一个文本框和多个标签。 2. 通过`document.getElementsByTagName`获取所有标签...

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

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

    JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法

    但当用户点击这个文本框后，我们希望默认提示文本被清空，以便用户可以输入自己的信息。当用户输入的内容被删除后，如果文本框失去焦点，我们希望默认提示文本能够重新显示。这种交互行为能够为用户提供一个清晰的...

    数据库为空时，文本框不显示null

    在探讨“数据库为空时，文本框不显示null”的问题时，我们需要从多个角度来解析这一需求及其实现方法。本文将围绕标题与描述中的核心内容展开讨论，包括：为何会出现null值、如何处理null值以及具体的实现代码示例等...

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