`
qingwenxiutong
  • 浏览: 19710 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

input文本框初始状态是灰色文本,当得到焦点就情况文本,失去焦点恢复到初始状态

 
阅读更多

 function OnEnter( field )
     {
      if( field.value == field.defaultValue )
      {
        field.value = "";
      }
     }
    function OnExit( field )
    { if( field.value == "" )
     {
        field.value = field.defaultValue;
      }

    }
    function changeColor(field)
    {
        field.style.color='black';
    }

 

<input class='fontColor' name="min_price" type="text" id="min_price"  value="最低价" size="5" maxlength="18" onFocus=OnEnter(this) onBlur=OnExit(this) onkeyUp=changeColor(this)>

分享到:
评论

相关推荐

    [AU3源码]input文本框为空没有焦点显示灰色提示文字

    当文本框重新获得焦点时,需要清除灰色提示文字并恢复文本框的正常状态,这可以通过类似的逻辑实现。 4. **运行和测试**:最后,你需要将上述代码集成到你的AutoIt脚本中,创建GUI并运行。确保所有必要的库都已经...

    jQuery简单实现input文本框内灰色提示文本效果的方法

    在Web前端开发中,为input文本框添加灰色提示文本是一种常见且实用的交互设计方式,目的是为了给用户明确的指示输入框中的内容应该是什么,同时当输入框获得焦点时提示文本消失,这样可以提高用户界面的友好性和直观...

    C#控件中失去焦点Focus事件与获得焦点Focus事件

    在C#编程中,控件的焦点管理是用户界面交互中的关键部分,它涉及到控件何时获取或失去用户的输入注意力。焦点事件对于确保程序的响应性和用户体验至关重要。本篇文章将详细探讨C#中的"LostFocus"和"GotFocus"事件,...

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

    2. **默认灰色文本**:默认灰色文本是指文本框内显示的非选中状态的颜色较淡的文字,用于提示用户该字段的用途。在用户开始输入时,这些灰色文本应自动消失。 3. **实现方法**:在jQuery中,我们可以使用`.val()`...

    jQuery input文本框限制文字输入计数显示

    然后,添加以下jQuery脚本来监听input文本框的`input`事件,当用户输入或删除字符时更新剩余字符数: ```javascript $(document).ready(function() { var maxLength = 100; var $input = $('#limitedInput'); ...

    文本框获得焦点和失去焦点的判断代码

    失去焦点时,若文本框内容为空,则恢复标签文本。 除此之外,还有示例代码展示了如何在JavaScript中处理`onFocus`和`onBlur`事件,以确保文本框的初始提示文字在用户交互时正确显示和隐藏: ```html 用户名:...

    jQuery实现文本框获得焦点文字消失

    在这个特定的场景中,我们关注的是如何使用jQuery来实现一个功能:当文本框(input[type="text"])获取焦点时,其预设的文字自动消失,而当失去焦点时,文字又能重新出现。这个功能常见于搜索框或表单输入,以引导...

    给Ui文本框赋值; 给控件 文本控件赋值的地方 逻辑

    当涉及到“逻辑”的部分,可能指的是根据程序的运行状态或用户交互动态改变文本框的值。例如,当用户点击按钮时,可能会触发一个事件处理器,该处理器获取数据并更新文本框的值: ```javascript document....

    常用input文本框内容自动垂直居中并默认提示文字单击为空

    当用户离开文本框(失去焦点)时,如果文本框为空,就恢复默认提示文字并设为灰色。 总的来说,以上代码展示了如何通过CSS样式和JavaScript脚本来增强`&lt;input type="text"&gt;`的用户体验。内容垂直居中提供了一种整洁...

    jquery文本框点击的效果插件

    这是因为插件监听了`change`事件,当检测到文本内容有变动时,就会阻止恢复初始值的操作,从而保护用户的输入。 为了实现这些功能,开发者通常会编写一个名为`jQuery_input_decorate.js`的脚本文件,这个文件扩展了...

    JS简单获取并修改input文本框内容的方法示例

    在JavaScript中,获取和修改HTML页面上的input文本框内容是常见的操作,特别是在动态交互的网页应用中。本文将深入探讨如何使用JavaScript的`getElementById()`方法来实现这一功能。 一、`getElementById()`方法...

    jQuery input文本框文字输入放大显示特效源码.zip

    对于"jQuery input文本框文字输入放大显示特效",核心思路是监听input元素的`keyup`事件,当用户在输入框内输入文字时,实时获取并放大显示这些文字。具体步骤如下: 1. **HTML结构**:创建一个input元素,用于用户...

    c#自定义文本框

    在C#编程中,自定义文本框(Custom TextBox)是一个常见的需求,特别是在开发具有特定功能或界面风格的应用程序时。自定义控件允许开发者扩展标准控件的功能,以满足项目独特的需求。本教程将深入探讨如何创建并使用...

    asp文本框的源代码

    反之,则恢复到初始状态。这种机制使得用户能够通过简单的按钮操作控制文本框的启用或禁用,增强了网页的交互性。 ### 总结 这段代码展示了ASP环境下使用文本框和按钮控件的基本方法,以及如何利用VBScript脚本来...

    js select框美化用input文本框模拟select框美化特效

    本教程主要关注如何使用JavaScript和CSS来实现一个更加美观、交互性强的下拉框效果,通过将传统的`&lt;select&gt;`替换为`&lt;input&gt;`文本框来模拟,并在用户交互时展示二级菜单。 首先,让我们理解为什么要使用`&lt;input&gt;`...

    前端学习笔记,做一个简单的网站-文本框获取和失去焦点效果,学习代码

    在前端开发中,文本框(Text Input)的获取和失去焦点效果是常见的交互设计元素,它们可以提升用户体验,使用户更清楚地了解当前操作的状态。本文将深入探讨这个主题,结合HTML、JavaScript(JS)以及可能涉及的CSS...

    js实现文本撤销-恢复功能

    每次事件触发时,将当前文本状态推入`undoStack`,同时清空`redoStack`,因为撤销后无法直接恢复到撤销前的下一步。 4. **撤销操作**: - 当用户点击“撤销”按钮时,检查`undoStack`是否为空。如果不为空,取出...

    文本框点击时文字消失,失去焦点时文字出现

    在这个场景下,需要通过DOM操作来检测文本框是否获得或失去焦点,并在适当的时候修改文本框内的文字。 ### 知识点五:实现逻辑 将上述知识点结合,实现逻辑大致如下: 1. 设定一个HTML的input元素,并使用CSS设置...

    Input文本框随着输入内容多少自动延伸的实现

    标题提到的“Input文本框随着输入内容多少自动延伸的实现”就是关于这个功能的实现方法。下面将详细讲解其原理和代码实现。 首先,我们要了解HTML中的`&lt;input&gt;`标签,它是用来创建表单元素的,如文本输入框。在HTML...

    JQ 多行文本框高度变化

    `'focus'`和`'blur'`事件分别在文本框获得和失去焦点时触发,确保在用户聚焦到文本框时可以立即调整高度,而当用户离开文本框时,也能正确地更新高度。初始加载时调用`adjustHeight`是为了确保文本框加载时的高度...

Global site tag (gtag.js) - Google Analytics