密码框显示提示文字
2013-08-29 15:35
316 查看
<html> <head> <title>登录</title> <script type="text/javascript" src="./jquery-1.3.2.min.js"></script> <script> $(document).ready(function(){ $(".text_login").focus(function(){ if($(this).val()=='user name' || $(this).val()=='password'){ $(this).val(''); } if($(this).attr('id')=='password1'){ $(this).hide(); $('#password2').show(); $('#password2').focus(); } }); $(".text_login").blur(function(){ if($(this).attr('id')=='password2' && $(this).val()==''){ $(this).hide(); $('#password1').show(); $('#password1').val('password'); } else if($(this).attr('id')=='uname' && $(this).val()=='' ){ $(this).val('user name'); } }); }); </script> </head> <body> <table cellpadding="0" cellspacing="0" class="tb_login" border="0"> <tr> <td> 账号:</td> <td> <input type="text" name="uname" value="user name" id="uname" class="text_login"/> </td> </tr> <tr> <td> 密码:</td> <td> <input type="text" value="password" id="password1" class="text_login"/> <input type="password" id="password2" style="display:none;" class="text_login"/> </td> </tr> </table> </body> </html>
相关文章推荐
- 密码框显示提示文字jquery示例
- 密码框显示提示文字
- extjs完美实现“密码框显示提示文字,不显示输入文字”的变态需求!!!
- 基于JS实现密码框(password)中显示文字提示功能代码
- 密码框显示提示文字jquery示例
- 密码框显示提示文字
- jquery实现密码框显示提示文字
- 让后台程序在桌面显示提示文字,并自动消失
- Android Gallery图片显示和文字提示及Menu 菜单
- 第三方工具 - echarts中 设置x||y轴文案、提示文字等为固定字数,超出显示"..."
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- Android 4.0+ EditText.setError("错误提示信息")不显示文字的解决方法
- 鼠标悬停上显示出提示文字
- 如何将Win7任务栏缩略图改为显示文字提示
- 百度地图API显示多个标注点,解决提示信息问题以及给标注增加地图旁的文字连接提示的另一种解决办法
- 扩展duilib edit控件的提示功能和多种文字颜色(解决edit为password显示不正常的bug)
- 文本框默认显示的字(提示的文字),点击后文字消失。
- 鼠标滑过显示文字提示
- js实现的键盘开启大写锁定提示和密码显示与隐藏的效果
- js显示文本框提示文字的方法