เมื่อเมาส์มุ่งเน้นไปที่กล่องข้อความที่อยู่อีเมลข้อความ "โปรดป้อนที่อยู่อีเมล" ในกล่องข้อความจะถูกล้าง
ภาพการทำซ้ำ:
การคัดลอกรหัสมีดังนี้:
< %@ page language = "C#" autoEventWireUp = "true" codeFile = "คล้ายกับเอฟเฟกต์พร้อมท์ของ yahoo อีเมล login.aspx.cs" สืบทอด = "คล้ายกับเอฟเฟกต์ที่รวดเร็วของการเข้าสู่ระบบอีเมล yahoo" %>
<! doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "เซิร์ฟเวอร์">
<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 () {
// ดำเนินการกล่องที่อยู่
$ ("#address"). focus (function () {// กล่องที่อยู่ได้รับการโฟกัสของเมาส์
var txt_value = $ (this) .val ();
ถ้า (txt_value == "โปรดป้อนที่อยู่อีเมลของคุณ") {
$ (นี้) .val ("");
-
-
$ ("#ที่อยู่"). เบลอ (ฟังก์ชั่น () {// กล่องที่อยู่สูญเสียการโฟกัสเมาส์
var txt_value = $ (this) .val ();
if (txt_value == "") {
$ (นี่) .val ("โปรดป้อนที่อยู่อีเมลของคุณ");
-
-
// ใช้งานกล่องรหัสผ่าน
$ ("#รหัสผ่าน") โฟกัส (ฟังก์ชัน () {
var txt_value = $ (this) .val ();
ถ้า (txt_value == "โปรดป้อนรหัสผ่านอีเมลของคุณ") {
$ (นี่) .val ("");
-
-
$ ("#รหัสผ่าน") เบลอ (ฟังก์ชั่น () {
var txt_value = $ (this) .val ();
if (txt_value == "") {
$ (นี่) .val ("โปรดป้อนรหัสผ่านอีเมล");
-
-
-
</script>
</head>
<body>
<form id = "form1" runat = "เซิร์ฟเวอร์">
<div>
<input type = "text" id = "address" value = "โปรดป้อนที่อยู่อีเมลของคุณ" /> <br /> <br />
<input type = "text" id = "password" value = "โปรดป้อนรหัสผ่านอีเมล" /> <br /> <br />
<อินพุต type = "ปุ่ม" value = "เข้าสู่ระบบ" />
</div>
</form>
</body>
</html>