js动态设置asp:TextBox的默认显示的文字和文字颜色
在文件中添加:
<pre name="code" class="javascript"><script type="text/javascript">
function addDefaultName(obj) {
if (obj.value == "") {
obj.value = "请输入用户名";
document.getElementById("tbUserName").style = "color:#BEBEBE";//修改字体颜色
}
}
function clearDafaultName(obj) {
if (obj.value == "请输入用户名") {
obj.value = "";
document.getElementById("tbUserName").style = "color:#000000";
}
}
function addDefaultPwd(obj) {
if (obj.value == "") {
obj.value = "请输入密码";
document.getElementById("tbPassword").style = "color:#BEBEBE";
}
}
function clearDafaultPwd(obj) {
if (obj.value == "请输入密码") {
obj.value = "";
document.getElementById("tbPassword").style = "color:#000000";
}
}
</script>
在asp:TextBox中添加:
<asp:TextBox ID="tbUserName" runat="server" οnfοcus="clearDafaultName(this)" οnblur="addDefaultName(this)" style="color:#BEBEBE" Text="请输入用户名"></asp:TextBox>
<asp:TextBox ID="tbPassword" runat="server" οnfοcus="clearDafaultPwd(this)" οnblur="addDefaultPwd(this)" style="color:#BEBEBE" Text="请输入密码"></asp:TextBox>
此时鼠标放在输入框上有焦点时,文字消失,并且输入的文字为黑色
鼠标离开时,文字显示,文字颜色为灰色。