Cuando el mouse se enfoca en el cuadro de texto de la dirección de correo electrónico, se borra el texto "Ingrese la dirección de correo electrónico" en el cuadro de texto.
Imagen de reproducción:
La copia del código es la siguiente:
< %@ Page lenguaje = "c#" autoeventwireUp = "true" codeFile = "similar al efecto rápido del correo electrónico de Yahoo login.aspx.cs" herede = "similar al efecto rápido del inicio de sesión de correo electrónico de Yahoo" %>
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "servidor">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<title> </title>
<script type = "text/javaScript" src = "scripts/jQuery-1.7.1.js"> </script>
<script type = "text/javaScript">
$ (function () {
// operar el cuadro de dirección
$ ("#dirección"). focus (function () {// El cuadro de dirección obtiene el enfoque del mouse
var txt_value = $ (this) .val ();
if (txt_value == "Ingrese su dirección de correo electrónico") {
$ (esto) .val ("");
}
});
$ ("#dirección"). blur (function () {// El cuadro de dirección pierde el enfoque del mouse
var txt_value = $ (this) .val ();
if (txt_value == "") {
$ (esto) .val ("Ingrese su dirección de correo electrónico");
}
})
// operar el cuadro de contraseña
$ ("#contraseña"). focus (function () {
var txt_value = $ (this) .val ();
if (txt_value == "Ingrese su contraseña de correo electrónico") {
$ (esto) .val ("");
}
});
$ ("#contraseña"). Blur (function () {
var txt_value = $ (this) .val ();
if (txt_value == "") {
$ (esto) .val ("Ingrese la contraseña de correo electrónico");
}
})
});
</script>
</ablo>
<Body>
<Form ID = "form1" runat = "servidor">
<div>
<input type = "text" id = "dirección" valor = "Por favor ingrese su dirección de correo electrónico" /> <Br /> <Br />
<input type = "text" id = "contraseña" valor = "Por favor ingrese la contraseña de correo electrónico" /> <Br /> <Br />
<input type = "button" value = "login" />
</div>
</form>
</body>
</html>