仿照邮箱的免登陆安全提示 javascript代码

最新推荐文章于 2021-03-09 21:25:50 发布

若只如初见1014

最新推荐文章于 2021-03-09 21:25:50 发布

阅读量427

点赞数

本文介绍了一个简单的网页登录功能实现案例，通过HTML与JavaScript结合的方式，在用户选择“十天内免登录”选项时，显示一个提示框警告用户不要在公共计算机上启用此功能，以确保个人账号的安全。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style>
#remAutoLoginTxt, .forgetPwd {
    color: #848585;
}
#whatAutologinTip {
    z-index: 9;
    width: 180px;
    height: 36px;
    background-color: #FFFDE4;
    border: 1px solid #DFB86D;
    left: 0px;
    top: 16px;
    text-align: left;
    padding: 5px 10px;
    line-height: 18px;
    color: #DC9632;
    display: none;
    border-radius: 4px;
}
</style>
<html>
	<head>
		<script type="text/javascript">
			function a()
			{
				var div = document.getElementById("whatAutologinTip");
				div.style.display="block";
				//div.style ="display: block;";
			}
			function b()
			{
				var div = document.getElementById("whatAutologinTip");
				div.style.display="none";
				//div.style ="display: block;";
			}
		</script>
	</head>
	<body>
		<label onMouseOver="a()" onMouseOut="b()">
		<input tabindex="3" title="十天内免登录" class="loginFormCbx" id="remAutoLogin" type="checkbox">十天内免登录
		</label>
		<div style="display: none;" id="whatAutologinTip">为了您的信息安全，请不要在网吧或公用电脑上使用此功能！
		</div>

	</body>
</html>