javascript如何让密码框显示默认值
7个回答
展开全部
这样应该可以吧。应用到jquery
测试页面:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<input type="text" value="请输入用户名" id="username" style="width:150px;height:24px;"/>
<div id="pwd_warpper" style="width:150px;height:24px;">
<input type="text" value="请输入密码" id="_password" onfocus="showpassword();" style="width:150px;height:24px;"/>
</div>
<script type="text/javascript" src="jquery.js"></script> //你自己的jquery.js的文件名,需要导入
<script type="text/javascript" src="code.js"></script>
code.js
function showtext() {
if($("#password").val()=="") {
$("#pwd_warpper").html("<input type=\"text\" value=\"请输入密码\" id=\"_password\" onfocus=\"showpassword();\" style=\"width:150px;height:24px;\"/>");
}
}
function showpassword() {
$("#pwd_warpper").html("<input type=\"password\" value=\"\" id=\"password\" onblur=\"showtext();\" style=\"width:150px;height:24px;\"/>");
/**
这里为什么要用setTimeout,因为ie比较傻,刚创建完对象,你直接设置焦点
在ie下是不会响应的,你必须留出时间给ie缓冲下,所以加上了这个定时器
**/
setTimeout(function(){
$("#password").focus();
},20);
}
$(function(){
var usernameDefStr = $("#username").val();
$("#username").focus(function(){
if($(this).val()==usernameDefStr)
$(this).val("");
});
$("#username").blur(function(){
if($(this).val()=="")
$(this).val(usernameDefStr);
});
});
测试页面:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<input type="text" value="请输入用户名" id="username" style="width:150px;height:24px;"/>
<div id="pwd_warpper" style="width:150px;height:24px;">
<input type="text" value="请输入密码" id="_password" onfocus="showpassword();" style="width:150px;height:24px;"/>
</div>
<script type="text/javascript" src="jquery.js"></script> //你自己的jquery.js的文件名,需要导入
<script type="text/javascript" src="code.js"></script>
code.js
function showtext() {
if($("#password").val()=="") {
$("#pwd_warpper").html("<input type=\"text\" value=\"请输入密码\" id=\"_password\" onfocus=\"showpassword();\" style=\"width:150px;height:24px;\"/>");
}
}
function showpassword() {
$("#pwd_warpper").html("<input type=\"password\" value=\"\" id=\"password\" onblur=\"showtext();\" style=\"width:150px;height:24px;\"/>");
/**
这里为什么要用setTimeout,因为ie比较傻,刚创建完对象,你直接设置焦点
在ie下是不会响应的,你必须留出时间给ie缓冲下,所以加上了这个定时器
**/
setTimeout(function(){
$("#password").focus();
},20);
}
$(function(){
var usernameDefStr = $("#username").val();
$("#username").focus(function(){
if($(this).val()==usernameDefStr)
$(this).val("");
});
$("#username").blur(function(){
if($(this).val()=="")
$(this).val(usernameDefStr);
});
});
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
直接给密码框赋值就可以了,value=值就可以了,没你想的那么麻烦,根本不用js实现,直接从后台取出密码,前台显示,跟正常的text一样
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<input type="password" id="pwd" />
<script>
document.getElementById("pwd").value = "默认值";
</script>
<script>
document.getElementById("pwd").value = "默认值";
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
应该有value属性吧 给value属性赋值就可以了吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询