.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>
原文地址:https://www.cnblogs.com/kellen451/p/6582415.html