Ketika mouse berfokus pada kotak teks alamat email, teks "Harap masukkan alamat email" di kotak teks dihapus.
Gambar reproduksi:
Salinan kode adalah sebagai berikut:
< %@ Page language = "c#" autoeventwireup = "true" codefile = "Mirip dengan efek cepat dari yahoo email login.aspx.cs" mewariskan = "Mirip dengan efek cepat dari login email yahoo" %>
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<meta http-equiv = "konten tipe" content = "text/html; charset = utf-8"/>
<title> </title>
<script type = "text/javascript" src = "Scripts/jQuery-1.7.1.js"> </ptript>
<type skrip = "Teks/JavaScript">
$ (function () {
// Operasikan kotak alamat
$ ("#alamat"). Fokus (function () {// kotak alamat mendapatkan fokus mouse
var txt_value = $ (this) .val ();
if (txt_value == "Harap masukkan alamat email Anda") {
$ (ini) .val ("");
}
});
$ ("#alamat"). blur (function () {// kotak alamat kehilangan fokus mouse
var txt_value = $ (this) .val ();
if (txt_value == "") {
$ (ini) .val ("Harap masukkan alamat email Anda");
}
})
// Operasikan kotak kata sandi
$ ("#password"). focus (function () {
var txt_value = $ (this) .val ();
if (txt_value == "Harap masukkan kata sandi email Anda") {
$ (ini) .val ("");
}
});
$ ("#password"). blur (function () {
var txt_value = $ (this) .val ();
if (txt_value == "") {
$ (ini) .val ("Harap masukkan kata sandi email");
}
})
});
</script>
</head>
<body>
<Form id = "Form1" runat = "server">
<div>
<input type = "text" id = "address" value = "Harap masukkan alamat email Anda" /> <br /> <br />
<input type = "text" id = "password" value = "Harap masukkan kata sandi email" /> <br /> <br />
<input type = "tombol" value = "login" />
</div>
</form>
</body>
</html>