首页 / JQUERY / 密码框显示提示文字jquery示例

密码框显示提示文字jquery示例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了密码框显示提示文字jquery示例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1035字，纯文字阅读大概需要2分钟。

内容图文

代码如下:

<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示例全部内容，希望文章能够帮你解决密码框显示提示文字jquery示例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/365584.html

来源：【匿名】