我试图让我网站中的登录表单出现在页面中间,背景为灰色,所以我这样做了:
<style type="text/css">
#cover5{position:absolute;top:0px;left:0px;overflow:hidden;display:none;width:100%;height:100%;background-color:gray;text-align:center}
#warning{top: 150px;margin:auto;position:relative;width:600px;height:fit-content;background-color:white;color:black;padding:10px; zIndex:20; border: 5px solid #003366;}
</style
<div id="cover5" onclick="javascript:cover5();">
<div id="warning" onclick="javascript:cover5();">
<?php include 'SignIn.php'; ?>
</div>
</div>
<script>
function cover5()
{
var cover=document.getElementById('cover5');
if(vis)
{
vis=0;
cover.style.display='block';
}
else
{
vis=1;
cover.style.display='none';
}
}
</script>
这是 SignIn.php 的代码
<form id='login' action='SignIn.php' method='post' accept-charset='UTF-8' onsubmit="return valid()">
<fieldset >
<legend>SignIn</legend>
<input type='hidden' name='submitted' id='submitted' value='1'/>
<label for='username' >Email:</label>
<input type='text' name='email' id='username' maxlength="50" /> <br />
<label for='password' >Password:</label>
<input type='password' name='password' id='password' maxlength="50" /> <br />
<input type='submit' name='Submit' value='Login' /> <br />
<a href='resetPassword1.php'> Forgot/Reset Password? Click Here</a>
</fieldset>
</form>
问题是,当使用点击忘记/重置密码?或输入错误的数据一切都在新窗口中打开,我使用 iframe 而不是 div 但是当使用登录成功时,主页在同一个 iframe 中打开,所以有人知道如何解决这个问题吗? 抱歉这个长问题:)