[研究][ASP.NET]登入畫面表單美工設計(四)
2022-04-24
環境：Visual Studio 2022 + ASP.NET + WebForm + Web Application + C#
只是設計一個還可以看的畫面，筆記一下。
Login.aspx
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="Login.aspx.cs" Inherits="WebApplication1.Login" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style>
input {
/*background:#F8F8F8;*/
padding: 10px;
margin:5px;
border-radius:5px;
}
input[type="submit"]{
background:#74AC00;
border-color:#74AC00;
margin:5px;
padding: 5px 40px 5px 40px;
border-radius:10px;
color:white;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<center>
<h1>登入</h1>
<fieldset style="border-radius: 10px; width:1px; background-color: #eeeeee;">
<legend>帳戶資訊</legend>
<asp:TextBox ID="TextBox1" runat="server" PlaceHolder="帳號"></asp:TextBox><br />
<asp:TextBox ID="TextBox2" runat="server" PlaceHolder="密碼"></asp:TextBox><br />
<asp:Button ID="Button1" runat="server" Text="登 入" /><br />
<asp:HyperLink ID="HyperLink1" style="text-decoration: underline;"
runat="server">忘記密碼</asp:HyperLink>
</fieldset>
</center>
</form>
</body>
</html>
|
(下圖)結果
(完)
相關
[研究][ASP.NET]登入畫面表單美工設計(六)
[研究][ASP.NET]登入畫面表單美工設計(五)
[研究][ASP.NET]登入畫面表單美工設計(四)
[研究][ASP.NET]登入畫面表單美工設計(三)
https://shaurong.blogspot.com/2022/04/aspnet_14.html
[研究][ASP.NET]登入畫面表單美工設計(二)
https://shaurong.blogspot.com/2022/04/aspnet_12.html
[研究][ASP.NET]登入畫面表單美工設計(一)
https://shaurong.blogspot.com/2022/04/aspnet.html
沒有留言:
張貼留言