<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1
.aspx
.cs" Inherits="WebApplicati
on1
.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http
://www
.w3
.org/1999/xhtml">
<head runat="
server">
<meta charset="utf
-8" />
<meta name="viewport" c
ontent="width=device
-width, initial
-scale=1
.0" />
<title>用户登录
- 运动潮流装备网</title>
<!
-- 引入Bootstrap CSS（优化CDN路径，增加版本信息）
-->
<link href="https
://cdn
.bootcdn
.net/ajax/libs/twitter
-bootstrap/3
.3
.7/css/bootstrap
.min
.css" rel="stylesheet" />
<!
-- 自定义样式（集中管理，增加响应式设计）
-->
<style type="text/css">
body {
background
-color
: #f8f9fa;
padding
-top
: 50px;
}
.login
-c
ontainer {
max
-width
: 400px;
margin
: 0 auto;
background
-color
: white;
padding
: 20px;
border
-radius
: 8px;
box
-shadow
: 0 0 10px rgba(0,0,0,0
.1);
}
.form
-title {
color
: #2c3e50;
margin
-bottom
: 20px;
}
.form
-group {
margin
-bottom
: 15px;
}
.c
ontrol
-label {
text
-align
: right;
padding
-top
: 7px;
}
.error
-message {
margin
-top
: 10px;
f
ont
-size
: 0
.9em;
}
</style>
</head>
<body>
<form id="form1" runat="
server">
<div class="login
-c
ontainer">
<h2 class="form
-title text
-center">用户登录</h2>
<hr class="hr
-light" />
<!
-- 用户名输入框（增加响应式栅格布局）
-->
<div class="form
-group row">
<label for="txtUsername" class="col
-sm
-3 c
ontrol
-label">用户名：</label>
<div class="col
-sm
-9">
<
asp:TextBox ID="txtUsername" runat="
server"
CssClass="form
-c
ontrol"
Required="true"
placeholder="请输入用户名"
ToolTip="请输入注册时使用的用户名"
ClientIDMode="Static">
</
asp:TextBox>
</div>
</div>
<!
-- 密码输入框（增加密码强度提示占位）
-->
<div class="form
-group row">
<label for="txtPassword" class="col
-sm
-3 c
ontrol
-label">密码：</label>
<div class="col
-sm
-9">
<
asp:TextBox ID="txtPassword" runat="
server"
TextMode="Password"
CssClass="form
-c
ontrol"
Required="true"
placeholder="请输入6
-16位密码"
ToolTip="密码需包含字母和数字"
ClientIDMode="Static">
</
asp:TextBox>
</div>
</div>
<!
-- 错误信息提示（优化样式和语义）
-->
<div class="form
-group row">
<div class="col
-sm
-offset
-3 col
-sm
-9">
<
asp:Label ID="lblError" runat="
server"
CssClass="text
-danger error
-message"
V
isible="false"
ClientIDMode="Static">
用户名或密码错误，请检查后重新输入！
</
asp:Label>
</div>
</div>
<!
-- 按钮组（优化对齐和间距）
-->
<div class="form
-group row">
<div class="col
-sm
-offset
-3 col
-sm
-9">
<
asp:Butt
on ID="btnLogin" runat="
server"
Text="登录"
OnClick="btnLogin_Click"
CssClass="btn btn
-primary btn
-block"
style="margin
-right
: 5px;"
ClientIDMode="Static" />
<
asp:Butt
on ID="btnReg
ister" runat="
server"
Text="立即注册"
OnClick="btnReg
ister_Click"
CssClass="btn btn
-default btn
-block"
ClientIDMode="Static" />
</div>
</div>
</div>
</form>
</body>
</html>
根据webfrom1代码更新数据库代码
本文介绍如何在64位WindowsServer2008R2上安装MicrosoftSQLServer2005x64并解决安装ReportingService时出现的32位ASP.NET注册问题。通过运行特定命令在IIS上启用必要的64位扩展。
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
