Когда мышь фокусируется на текстовом поле адреса электронной почты, текст «Пожалуйста, введите адрес электронной почты» в текстовое поле очищается.
Изображение воспроизведения:
Кода -копия выглядит следующим образом:
< %@ Page language = "c#" autoeventwireup = "true" codefile = ", аналогично быстрому эффекту yahoo email login.
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<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 () {
// эксплуатировать адресное поле
$ ("#адрес"). Focus (function () {// Адресное окно получает фокус мыши
var txt_value = $ (this) .val ();
if (txt_value == "Пожалуйста, введите свой адрес электронной почты") {
$ (this) .val ("");
}
});
$ ("#адрес"). Blur (function () {// Адресное окно теряет фокус мыши
var txt_value = $ (this) .val ();
if (txt_value == "") {
$ (this) .val («Пожалуйста, введите свой адрес электронной почты»);
}
})
// управлять поле паролем
$ ("#пароль"). Focus (function () {
var txt_value = $ (this) .val ();
if (txt_value == "Пожалуйста, введите свой пароль электронной почты") {
$ (this) .val ("");
}
});
$ ("#пароль"). blur (function () {
var txt_value = $ (this) .val ();
if (txt_value == "") {
$ (this) .val («Пожалуйста, введите пароль электронной почты»);
}
})
});
</script>
</head>
<тело>
<form id = "form1" runat = "server">
<div>
<input type = "text" id = "address" value = "Пожалуйста, введите свой адрес электронной почты" /> <br /> <br />
<input type = "text" id = "password" value = "Пожалуйста, введите пароль электронной почты" /> <br /> <br />
<input type = "кнопка" value = "login" />
</div>
</form>
</body>
</html>