简单的邮箱登陆的提示效果类似于yahoo邮箱
当鼠标聚焦到邮箱地址文本框时，文本框内的“请输入邮箱地址”文字被清空。
效果图：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="类似于yahoo邮箱登陆的提示效果.aspx.cs" Inherits="类似于yahoo邮箱登陆的提示效果" %>
<!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 () {
//对地址框进行操作
$("#address").focus(function () { //地址框获得鼠标焦点
var txt_value = $(this).val(); //得到当前文本框的值
if (txt_value == "请输入邮箱地址") {
$(this).val(""); //如果符合条件，则清空文本框内容
}
});
$("#address").blur(function () { //地址框失去鼠标焦点
var txt_value = $(this).val(); //得到当前文本框的值
if (txt_value == "") {
$(this).val("请输入邮箱地址"); //如果符合条件，则设置内容
}
})
//对密码框进行操作
$("#password").focus(function () {
var txt_value = $(this).val();
if (txt_value == "请输入邮箱密码") {
$(this).val("");
}
});
$("#password").blur(function () {
var txt_value = $(this).val();
if (txt_value == "") {
$(this).val("请输入邮箱密码");
}
})
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type ="text" id ="address" value ="请输入邮箱地址" /><br /><br />
<input type ="text" id ="password" value ="请输入邮箱密码" /><br /><br />
<input type ="button" value ="登录" />
</div>
</form>
</body>
</html>
相关文章
这篇文章主要介绍了基于javascript实现右下角浮动广告效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-01-01
本文主要介绍了js定时器不准确问题的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-06-06
第一种方法:基于HTML5 input标签的新特性 - placeholder 。另外，x-webkit-speech 属性可以实现语音输入功能;第二种方法： 用span模拟，定位span，借助JS键盘事件判断输入，确定span里的内容显示隐藏2013-03-03
工作中比较实用的JavaScript验证和数据处理的干货(经典)
工作中比较实用的JavaScript验证和数据处理知识经常会用到，下面小编通过查阅相关资料及日常记录的知识分享到脚本之家平台，供大家参考2016-08-08
下面小编就为大家带来一篇JS判断字符串变量是否含有某个字串的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
常用的页面效果有弹出层效果，无缝滚动效果，选项卡切换效果，接下来与大家分享一款自己用原生javascript写的选项卡切换效果在原有的基础上进行了扩展，加入了自动轮播，这样就变成了类似图片轮播的效果2013-03-03
在写项目时候需要在表单里面加一个picker选择器,但选择input的时候软键盘与选择器会同时弹出,下面这篇文章主要给大家介绍了关于uniapp小程序点击输入框时阻止弹出软键盘的几种解决方案,需要的朋友可以参考下2024-02-02
在开发中我们经常会遇到一些高频操作，比如：鼠标移动，滑动窗口，键盘输入等等，节流和防抖就是对此类事件进行优化，降低触发的频率，以达到提高性能的目的。本文就教大家如何实现一个让面试官拍大腿的防抖节流函数，需要的可以参考一下2022-08-08
下面小编就为大家带来一篇限制复选框最多选择项的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了CocosCreator新资源管理系统，从v2.4开始，Creator使用AssetBundle完全重构了资源底层，提供了更加灵活强大的资源管理方式，也解决了之前版本资源管理的痛点（资源依赖与引用），本文将带你深入了解Creator的新资源底层。2021-04-04
最新评论