Lorsque la souris se concentre sur la zone de texte de l'adresse e-mail, le texte "Veuillez saisir l'adresse e-mail" dans la zone de texte est effacée.
Image de reproduction:
La copie de code est la suivante:
<% @ Page Language = "C #" AutoEventWireUp = "True" CodeFile = "Similaire à l'effet invite de Yahoo Email Login.aspx.cs" Hérite = "similaire à l'effet invite de Yahoo Email Login"%>
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> </Title>
<script type = "text / javascript" src = "scripts / jquery-1.7.1.js"> </ script>
<script type = "text / javascript">
$ (function () {
// exploite la boîte d'adresses
$ ("# adress"). focus (function () {// La boîte d'adresses obtient la mise au point de la souris
var txt_value = $ (this) .val ();
if (txt_value == "Veuillez saisir votre adresse e-mail") {
$ (this) .val ("");
}
});
$ ("# adresse"). blur (function () {// La boîte d'adresse perd la mise au point de la souris
var txt_value = $ (this) .val ();
if (txt_value == "") {
$ (this) .Val ("Veuillez saisir votre adresse e-mail");
}
})
// Faire fonctionner la boîte de mot de passe
$ ("# mot de passe"). focus (function () {
var txt_value = $ (this) .val ();
if (txt_value == "Veuillez saisir votre mot de passe de messagerie") {
$ (this) .val ("");
}
});
$ ("# mot de passe"). blur (function () {
var txt_value = $ (this) .val ();
if (txt_value == "") {
$ (this) .val ("Veuillez saisir le mot de passe de messagerie");
}
})
});
</cript>
</ head>
<body>
<form id = "form1" runat = "server">
<div>
<input type = "text" id = "adresse" value = "Veuillez saisir votre adresse e-mail" /> <br /> <br />
<input type = "text" id = "mot de passe" value = "Veuillez saisir le mot de passe de messagerie" /> <br /> <br />
<input type = "bouton" value = "login" />
</div>
</ form>
</docy>
</html>