我有按钮值 Show Login Page with onclick 功能弹出登录屏幕。我正确地执行了点击功能，但我希望该表格显示在屏幕的顶部中间。我试过了，但它只在左中间对齐。
<html>
<head>
<title></title>
</head>
<body>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="pop.js"></script>
<input type="button" value="Show Login Page" onclick="showLogin();">
<form style="visibility:hidden" name="loginform" method="post" action="#">
<br><br>
<table align="top"><tr><td><h2>Login Authentication</h2></td></tr></table>
<table align="top" style="border:1px solid #000000;background-color:#efefef; height: 78px;">
<tr><td colspan=2></td></tr>
<tr><td colspan=2> </td></tr>
<tr>
<td><b>Login Name</b></td>
<td><input type="text" name="userName" value=""></td>
</tr>
<tr>
<td><b>Password</b></td>
<td><input type="password" name="password" value=""></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="Submit" value="Submit"></td>
</tr>
<tr><td colspan=2> </td></tr>
</table>
</form>
</body>
</html>
流行.js:
<script type="text/javascript">
function showLogin() {
document.loginform.style.visibility = "visible";
}
</script>
实际截图:
预期的屏幕截图:
最佳答案
为 loginform 设置左边距，如下所示:
#loginform{
margin-left:50%;
}
将 id 提供给表单作为登录表单，如下所示:
<form name="loginform" id="loginform" method="post" action="#">
或
您还可以使用以下 CSS:
#loginform
{
position:fixed;
left:40%;
}
根据评论更新:
请检查更新的代码- HERE
关于javascript - 将登录表单表格对齐到屏幕的顶部中间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28849988/