用jquery实现输入框消失文字 - 刘文涛 - ITeye博客

`

wentao365

浏览: 1413095 次
性别:
来自: 北京

最近访客更多访客>>

有你不孤单

wuzijingaip

wmzhsqy

ssydxa219

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

a98709474：写的很详细，看完了，明白了这种概念了
数据库水平切分(拆库拆表)的实现原理解析(转)
a98709474：
MYSQL分库分表总结
CatchU： 7年前的招聘要求，厉害厉害
面试要求
luozhixiong： <table class="bbcode&qu ...
MYSQL分库分表总结
沈寅麟：好用
freemarker格式化

用jquery实现输入框消失文字

博客分类：

网站前台

阅读更多

<html>
<head>
    <title>用jquery实现输入框消失文字</title>
    <style type="text/css">
        .default {
            font-weight: bold;
            color: #787878;
        }
    </style>
    <script type="text/javascript" src="/js/jquery/jquery-1.8.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#keywords").focus(function () {
                var $this = $(this);
                if ($this.val() == $this[0].defaultValue) {
                    $this.css("color","#0cf").val("");
                }
            }).blur(function () {
                var $this = $(this);
                if ($this.val() == "") {
                    $this.removeAttr("style").val($this[0].defaultValue);
                }
            })//keywords
        });
    </script>
</head>
<body>
<div id="content">
    <form method="POST" id="user" action="">
        User Name:<input type="text" id="keywords" class="default" name="keywords" value="Enter your name"/><br/>
        PassWord:<input type="text" id="password" class="default" name="password" value="Enter your password"/>
        <input type="submit" name="sub" value="login"/>
    </form>
</div>
</body>
</html>

查看图片附件

分享到：

“回到顶端”按钮实现 | 垃圾站

2013-04-28 16:12
浏览 1982
评论(0)
分类:移动开发
查看更多

评论

发表评论

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

相关推荐

用jquery实现输入框获取焦点消失文字: 我们在登录网站的时候，文本框中经常会有提示你输入的信息，当你点击文本框，提示信息自动消失，当文本框什么都没有，而且失去焦点的时候，又有了提示文字。 1.原型开发，先做一个简单的：我们首先需要一个html文件...

jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码: [removed] $(function(){ //输入框中文字颜色控制 $(“input:not(:last)”).css(“color”,”#999″); }); //用户名框鼠标焦点移进，文字消失 $(“input:first”).click(function () { var check1 = $(this).val();...

jQuery开发技巧: 2 搜索输入框文字的消失当鼠标获得焦点失去焦点的时候 input输入框文字处理： $ document ready function { $ "input text1" val "Enter your search text here" ; textFill $ "input...

JQuery EasyUI 1.5.2 离线官方API中文文档含完整开发工具包+扩展 chm+pdf: form：修复在调用“reset”方法的时候会导致input输入框初始值消失的BUG； textbox：修复在调用“destroy”方法的时候无法清除字段标签的BUG； datagrid：修复在不存在的行上调用“selectRow”方法的时候会导致记录...

淘宝搜索框.zip（含jquery1.12.4包代码）: 和淘宝网页的输入框一模一样的效果，在输入框输入文字的时候（不是鼠标聚焦和点击的时候），默认图标放大镜和默认文字消失，在输入框没有输入文字但焦点还在的时候，默认图标和默认文字出现

jQuery.autocomplete 支持中文输入(firefox)修正方法: jQuery.autocomplete 是jquery的流行插件，，能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能，支持ajax数据加载。

两种方法基于jQuery实现IE浏览器兼容placeholder效果: input>...在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 极速模式 )中，输入栏获得焦点后，提示文字并不消失，如图( Chrome )： ...现在用jQuery来使这些非现代浏览器也同样能能实现placehol

jQuery动态追加页面数据以及事件委托详解: 在鼠标悬停在图片上时，还会有文字出现，鼠标移出时文字消失。我们现在要做的就是点击底下的MorePhotos链接时，再加载一部分数据，然后再点击在加载一部分数据，直到数据加载完。首先body中代码如下： <h1> ...

IE下支持文本框和密码框placeholder效果的JQuery插件分享: 很久之前写了这个插件，基于jQuery实现的，主要用于IE下实现placeholder效果，可同时支持文本和密码输入框。 placeholder是HTML5新增的一个属性，当input设置了该属性后，该值的内容将作为灰色提示显示在文本框中，...

掩盖输入样式的漂亮的jquery登陆页面: 鼠标定位到输入框中，默认提示的文字消失，即"password、username"字样消失，或者移动到右侧，有点小俏皮可爱的其他代码效果，懒人之家推荐下载

jQuery EasyUI 1.5.2 离线简体中文API文档（含开发工具包、皮肤、扩展、演示）: • form：修复在调用“reset”方法的时候会导致input输入框初始值消失的BUG； • textbox：修复在调用“destroy”方法的时候无法清除字段标签的BUG； • datagrid：修复在不存在的行上调用“selectRow”方法的时候...

《JavaScript实例精通》[源代码]: 示例描述：JavaScript结合文字实现特殊页面。 9_1.htm 逐隐逐现的文字特效。 9_2.htm 超酷的文字特效。 9_3.htm 阴影文字的特殊效果。 9_4.htm 彩色文字的特殊效果。 9_5.htm 升降文字的特殊效果。 ...

JavaScript实例精通: 示例描述：JavaScript结合文字实现特殊页面。 9_1.htm 逐隐逐现的文字特效。 9_2.htm 超酷的文字特效。 9_3.htm 阴影文字的特殊效果。 9_4.htm 彩色文字的特殊效果。 9_5.htm 升降文字的特殊效果。 ...

Global site tag (gtag.js) - Google Analytics