Para que salga el efecto que ven en la imagen en el codigo html de su sitio web agregan este codigo y listo =)
<head runat="server">
<title>Página sin título</title>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.1-vsdoc.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#txtPasswordWaterMark").show();
$("#txtPasswordWaterMark").addClass("waterMark");
$("#txtPasswordWaterMark").val("Password");
$("#<%= txtPassword.ClientID %>").hide();
$("#txtPasswordWaterMark").focus(function () {
$(this).hide();
$("#<%= txtPassword.ClientID %>").show();
$("#<%= txtPassword.ClientID %>").focus();
});
// $("#txtPasswordWaterMark").keydown(function () {
// $(this).hide();
// $("#<%= txtPassword.ClientID %>").show();
// $("#<%= txtPassword.ClientID %>").focus();
// });
$("#<%= txtPassword.ClientID %>").blur(function () {
if ($(this).val() == "") {
$("#<%= txtPassword.ClientID %>").hide();
$("#txtPasswordWaterMark").show();
}
});
});
</script>
<style type="text/css">
.waterMark{
color : #9B9B9B;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtPassword" TextMode="Password" runat="server"></asp:TextBox>
<input type="text" id="txtPasswordWaterMark" />
</div>
</form>
</body>
0 comentarios:
Publicar un comentario