`
sungang_1120
  • 浏览: 322715 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类

Jquery 用户注册输入文本框默认显示 ‘请输入用户名’特效

 
阅读更多

用户名:<input type="text" name="qname" value="请输入用户名" id="name" defaultValue="请输入用户名"></br>
    密     码:<input type="password" name="password">
    <button>提交</button>

 

 

//当输入域获取焦点 (focus) 时改变其颜色
        $("#name").focus(function(){
            //alert(111);
            var $name = $(this);
            if($name.val()==$name.attr("defaultValue")){
                $name.val('');
            }
            ////当输入域失去焦点 (blur) 时改变其颜色
        }).blur(function(){
            var $name = $(this);
            if($name.val()==''){
                $name.val($name.attr("defaultValue"));            }
        });

分享到:
评论

相关推荐

    Jquery各种小功能文本框验证,弹出日期牌等

    1. 弹出功能:jQuery UI库中的DatePicker组件是一个非常实用的日期选择器,它可以方便地与文本框集成,用户点击文本框后会弹出一个日历面板,供用户选择日期。DatePicker提供了丰富的自定义选项,如改变日期格式、...

    jquery-文本框输入即时显示可输入剩余字符数

    "jquery-文本框输入即时显示可输入剩余字符数"这个功能是提升用户体验的一种常见方式,它允许用户实时看到他们在一个文本框中还能输入多少字符,避免超过限制。这种功能广泛应用于评论、留言、表单填写等场景,有助...

    文本框默认提示文字

    例如,一个搜索框可能会显示“请输入标题搜索”,当用户点击文本框或者按下键盘时,这些提示文字会自动消失,让出空间供用户输入自己的搜索关键词。 在Web开发中,实现这样的功能通常涉及到HTML、CSS以及JavaScript...

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

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

    jQuery文本框自动联想补全特效.zip

    总结,jQuery文本框自动联想补全特效是一个高效且灵活的解决方案,能够提升用户输入体验。通过理解其工作原理和应用场景,开发者可以轻松地将这一功能整合到自己的Web项目中,创造出更加智能、便捷的用户界面。

    jquery插件,是文本框只能输入数字

    这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...

    jquery文本框显示描述文字rar

    在本主题中,我们关注的是一个特定的jQuery特效:在文本框(input)中显示描述文字,当用户开始输入时这些文字会消失。这个功能常见于许多表单设计中,用于提示用户输入内容的类型或者格式,提供更好的用户体验。 ...

    jQuery文本框文字输入放大特效.zip

    【jQuery文本框文字输入放大特效】是一个利用JavaScript库jQuery实现的独特UI交互设计,它使得用户在文本框(input type="text")中输入文字时,这些文字会在屏幕的上部以放大的形式实时展示,为用户提供更为直观和...

    jquery实现动态添加文本框和下拉框效果

    jquery实现动态添加文本框和下拉框效果。

    JS与Jquery之文本框输入并同步输出显示

    在JavaScript和jQuery的世界里,文本框输入的实时同步输出显示是一项常见的交互功能,它能够提升用户的体验,使得用户在输入时就能即时看到结果。本文将深入探讨如何利用这两种技术实现这一功能。 首先,我们来了解...

    jquery 强制设置文本框处于英文输入法状态

    标题“jquery 强制设置文本框处于英文输入法状态”涉及的是一个特定的问题:如何在网页中确保文本框(input元素)在用户交互时始终处于英文输入法模式,特别是在使用扫描枪进行输入时,避免中文输入法的误触发导致...

    jQuery文本框输入文字计数显示代码.zip

    "jQuery文本框输入文字计数显示代码.zip" 提供了一个解决方案,帮助开发者创建一个能够实时显示输入字符数的文本框,以此来限制用户的输入长度,提升用户体验,特别是在需要用户填写特定字数限制的表单场景下。...

    jquery只能输入数字的文本框插件

    这个“jquery只能输入数字的文本框插件”是为了解决一个常见的用户界面需求:限制用户在特定输入框中只能输入数字,防止非数字字符的输入。这种功能对于处理货币、数量或者任何需要精确数值的数据输入场景尤其有用。...

    jQuery文本框输入文字自动筛选代码

    请输入关键词"&gt; &lt;!-- 这里将动态填充筛选结果 --&gt; &lt;script src="https://code.jquery.com/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="js/script.js"&gt;&lt;/script&gt; ``` 接下来,我们引入jQuery库,这里使用了CDN...

    jquery文本框添加删除标签代码.zip

    本示例“jquery文本框添加删除标签代码”是利用jQuery实现的一个功能,允许用户在文本框中输入文字后将其转化为可删除的标签。这种功能常见于许多网站,比如用户输入兴趣爱好或关键词时,会自动生成标签,方便管理和...

    jquery+js实现文本框部分内容被选中(兼容各种浏览器)

    接下来,我们需要一个HTML文本框元素,可以设置默认文本,如“请输入用户名”: ```html 请输入用户名"&gt; ``` 现在,我们可以编写JavaScript代码来实现文本选中功能。这里我们使用了`jquery-position.js`,它可能...

    JQuery 插件之多行文本框自动大小

    可以轻松实现多行文本框根据输入内容多少,自动变化!

    jQuery计算文本框可输入字数代码.zip

    为了提供良好的用户体验,有时候我们需要限制文本框(input type="text")的输入字数,并实时显示剩余字数。jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在...

    基于jQuery输入密码文本框不同颜色渐变显示密码强度特效源码.zip

    1. **事件监听**:jQuery提供了`$(selector).on('event', callback)`的方法来监听用户的输入事件,如`keyup`,每当用户在密码输入框中键入或删除一个字符时,这个事件会被触发。 2. **密码强度评估算法**:程序会...

Global site tag (gtag.js) - Google Analytics