所以,我知道每个母版页只能有1个runat="server"
和<form>
。我的问题是,如何将登录表单放在网站上?是否将所有内容都放在母版页上?还是页面上的某些内容和.aspx表单上的某些内容?现在,我主要在Master上使用它,并在.aspx页上使用onClick()
事件。我将在下面进行邮政编码。
[我的Login.ASPX页面。
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div class="navbar">
<a href="#login" type="submit" onclick="openForm()">Login</a>
</div>
<p style="text-align: center">WELCOME HOME</p>
</asp:Content>
这是我的母版页代码
<head runat="server">
<link href="CSS/StyleCSS.css" rel="stylesheet" />
<title>11</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<div class="header">
<h1> 11MO</h1>
</div>
<div class="PopupPosition">
<div class="form-popup" id="myForm">
<form class="form-container" id="form1" runat="server">
<h1>Login Form</h1>
<p style="text-align: center">Please login using your <strong><em>User ID and Password</em></strong></p>
<asp:Label ID="lblUserName" runat="server" Text="User Name:"> </asp:Label>
<asp:TextBox ID="txtUserName" runat="server"> </asp:TextBox>
<asp:Label ID="lblPassword" runat="server" Text="Password:"> </asp:Label>
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> </asp:TextBox>
<asp:Button ID="btnLogin" runat="server" Width="315px" CssClass="btn" OnClick="btnLogin_Click" Text="Login"></asp:Button>
<button type="button" class="btn cancel" onclick="closeForm()">Close</button>
</form>
</div>
</div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
<footer class="Footer">
<p>© 2020 - Application Homepage</p>
</footer>
</body>
</html>
<script>
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}
</script>
RESULT我想在1页上全部获取代码,无论是主密码还是登录密码。我尝试将所有内容都放在ContentPlaceHolder1
区域中,但它不起作用。我认为这是因为执行此操作时我有2个服务器运行操作。因此,如何在一页上全部显示,但仍保留其他页面的格式可用。我也有要转移的图块,因此我将其保留在主机上。我是否愿意添加子母版页?