Views/Login.aspx

微信扫码关注公众号，代码整理好后第一时间通知你。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="OnlineSupermarketTuto.Views.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="../Assets/Lib/css/bootstrap.min.css" />
</head>
<body>
    <div class="container-fluid">
        <%--"row" 是 Bootstrap 框架中用于创建行的类名之一。"mt-5" 是 Bootstrap 中用于添加顶部外边距的类名，数字代表外边距的大小，"mt-5" 表示顶部外边距为5个单位。因此，这个代码段表示在页面布局中创建了一个行，并且该行具有顶部外边距为5个单位。--%>
        <div class="row mt-5 mt-5">
        </div>
        <div class="row">

            <%--"col-md-4" 可能是 Bootstrap 框架中用于设置列宽的类名之一。这个类通常用于响应式网页设计，表示在中等屏幕大小（medium devices）上，占据了4个列的宽度。--%>
            <div class="col-md-4">
            </div>
            <div class="col-md-4">
                <form id="form2" runat="server">
                    <div>
                        <div class="row">
                            <div class="col-md-3"></div>
                            <div class="col-md-9">
                                <img src="../Assets/Images/supermarket.png" />
                            </div>
                        </div>

                    </div>
                    <div class="mt-3">
                        <label for="" class="form-label">用记名</label>
                        <%--<input type="text" placeholder="用户名" autocomplete="off" class="form-control" id="UnameTb" />--%>
                        <asp:TextBox  ID="txtName" runat="server" class="form-control"></asp:TextBox>
                    </div>
                    <%--"mt-3" 是 Bootstrap 框架中用于添加顶部外边距的类名，数字代表外边距的大小，"mt-3" 表示顶部外边距为3个单位。而 "d-grid" 是 Bootstrap 中用于创建网格布局的类名之一，表示将元素布局为网格。因此，这个代码段表示一个带有顶部外边距为3个单位的网格布局元素。--%>
                    <div class="mt-3">
                        <label for="" class="form-label">密码</label>
                        <%--<input type="password" placeholder="密码" autocomplete="off" class="form-control" id="PasswordTb" />--%>
                        <asp:TextBox  type="password" ID="txtPwd" runat="server" class="form-control"></asp:TextBox>
                    </div>
                    <div class="mt-3 d-grid">
                        <asp:Button Text="登录" runat="server" CssClass="btn-success btn" ID="LoginBtn" OnClick="LoginBtn_Click" />
                    </div>
                    <asp:Label ID="lblMsg" runat="server" Text="" style="color:red;"></asp:Label>
                  <%--  <div class="mt-3 d-grid">
                        <label for="" class="form-label">密码</label>
                        <asp:TextBox ID="TextBox1" runat="server" class="form-control"></asp:TextBox>
                    </div>--%>
                </form>
            </div>
            <div class="col-md-4">
            </div>
        </div>
    </div>
</body>
</html>