zoukankan      html  css  js  c++  java
  • .net MVC简洁的登录页面

    初学mvc,参考别人的代码写的

    界面效果如下:

    代码如下:

    @{
        Layout = null;
    }
    
    
    <!DOCTYPE html>
    <html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>Index</title>
    </head>
    <body style="text-align: center; vertical-align: middle;">
        <form id="theform" name="theform" action=@Url.Action("home","home") method="POST">
        <table align="center" width="1024" border="0">
            <tr height="64">
                <td colspan="2" align="center">
                <br />
                <br />
                <br />
                    <font face="楷体"size="24" color="green">广州市云创科技信息管理系统</font>
                </td>
            </tr>
    
            <!--logo图片及版本号
            <tr>
                <td align="left" valign="bottom" height="64">
                    <img width="256" height="64" border="0" src="/Images/logo.ico" />
                </td>
                <td align="right" valign="bottom">
                    <div style="color: #0000ff">
                        版本:1.0.1
                    </div>
                </td>
            </tr>
            <tr height="2">
                <td colspan="2">
                </td>
            </tr>-->
            <tr height="2">
                <td colspan="2" bgcolor="4D038B">
                </td>
            </tr>
            <tr>
                <td height="40" colspan="2" align="right">
                    <br />
                </td>
            </tr>
        </table>
        <table align="center" width="512" border="0" bgcolor="#00F0E0" background="/Images/back.jpg">
            <tr>
                <td height="15">
                </td>
            </tr>
            <tr>
                <td height="48" align="right" width="160">
                    <font face="微软雅黑">
                        <h2>
                            用户名&nbsp;&nbsp;</h2>
                    </font>
                </td>
                <td height="48" align="left">
                    <input type="text" class="text0" name="UserName" value="" size="17"
                        maxlength="16" title="不区分大小写" style="height: 32px; font-size: 24px" />
                </td>
            </tr>
            <tr>
                <td height="48" align="right" width="160">
                    <font face="微软雅黑">
                        <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h2>
                    </font>
                </td>
                <td height="48" align="left">
                    <input type="password" class="text0" name="PassWord" value="" size="17"
                        maxlength="16" style="height: 32px; font-size: 24px" />
                </td>
            </tr>
            <!--验证码功能--
            <tr>
                <td height="25">
                    验证码
                </td>
                <td height="25">
                    <input type="text" class="text0" name="verifyCode" value="" size="8" maxlength="4"
                        title="不区分大小写" />
                </td>
            </tr>
            <tr>
                <td height="42">
                    <a href="javascript:freshImg()">换一张</a>
                </td>
                <td height="42">
                    <img id="randomImg" src="${_PATH}/views/pub/VerifyImg.jsp" style="vertical-align: middle" />
                </td>
            </tr>*-->
            <tr>
                <td height="5">
                </td>
            </tr>
            <tr>
                <td colspan="2" height="48" align="center">
                    <input type="submit" size="48" class="colorButton" style="height: 40px; font-size: 24px;
                        font-family: 黑体; background-color: #0000ff; border: none; color: White" value="  登  录  " />
                </td>
            </tr>
            <tr>
                <td height="15">
                </td>
            </tr>
        </table>
        </form>
    </body>
    </html>
  • 相关阅读:
    主流软件系统类别
    vue 生命周期
    redis 实现多属性查询
    业务逻辑层缓存设计
    ORM 缓存
    keepalived+nginx实现niginx高可用,宕机自动重启
    cookie sessionstorge localstorge 的比较
    css 定位
    2019年1月2日 生产者消费者模型 元旦快乐
    2018年12月25日 圣诞节快乐 生成器plus
  • 原文地址:https://www.cnblogs.com/kellen451/p/6582415.html
Copyright © 2011-2022 走看看