QQ聊天室主页设计

2019PHP高薪工程师学习路线图....>>>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="zhuce.aspx.cs" Inherits="zhuce" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <style type="text/css">

        .style2
        {
            font-family: 华文新魏;
            text-align: center;
            color: #FF99CC;
            font-size: 100pt;
            height: 126px;
        }
        .style3
        {
            color: #FF99FF;
        }
        .style11
        {
            font-size: 85pt;
        }
        .style4
        {
            color: #FF0066;
        }
        .style5
        {
            width: 446px;
            height: 30%;
        }
        .style9
        {
            text-align: center;
            width: 150px;
            height: 47px;
            font-size: x-large;
        }
        .style10
        {
            text-align: center;
            height: 47px;
            width: 262px;
        }
        .style12
        {
            text-align: center;
            font-size: x-large;
        }
        .style6
        {
            text-align: center;
            width: 262px;
        }
        .style7
        {
            text-align: center;
        }
        .style8
        {
           background:#006600;
            font-size:larger;
        }
    </style>
    <script language="javascript" type="text/javascript">
  
    </script>
</head>
<body background="image/beijing_conew2.jpg">
    <form id="form1" runat="server">
    <div>
    
    <h1 class="style2">
        <span class="style3"><span class="style11">爱</span></span><span class="style11">我</span><span class="style4"><span 
            class="style11">聊</span></span>吧</h1>
    
    </div>
<table class="style5" 
    style="border: medium inset #008080; padding: inherit; margin: inherit;" 
        align="center">
   <center>
    <tr>
        <td class="style9" style="border: medium solid #006600">
            用户名:</td>
        <td class="style10" style="border: medium solid #006600">
            <asp:TextBox ID="txtUsername" runat="server" Height="34px" 
                style="font-size: x-large; margin-left: 0px" Width="190px" 
                ontextchanged="txtUsername_TextChanged" AutoPostBack="True"></asp:TextBox>
                <asp:Label ID="Label1" runat="server" Font-Size="Larger" ForeColor="Red" 
                Text="*"></asp:Label>
            <asp:Label ID="lab1" runat="server" ForeColor="Red"></asp:Label>
            <asp:RequiredFieldValidator ID="RFV1" runat="server" 
                ControlToValidate="txtUsername" Display="None" ErrorMessage="用户名不能为空" 
                SetFocusOnError="True"></asp:RequiredFieldValidator>
                </td>
    </tr>
    <tr>
        <td class="style12" style="border: medium solid #006600">
            密码:</td>
        <td class="style6" style="border: medium solid #006600">
            <asp:TextBox ID="txtPassword1" runat="server" Height="34px" 
                style="font-size: x-large" Width="190px" TextMode="Password"></asp:TextBox>
            <asp:Label ID="Label2" runat="server" Font-Size="Larger" ForeColor="Red" 
                Text="*"></asp:Label>
            <asp:RequiredFieldValidator ID="RFV2" runat="server" 
                ControlToValidate="txtPassword1" Display="Dynamic" ErrorMessage="密码不能为空" 
                SetFocusOnError="True"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td class="style12" style="border: medium solid #006600">
            确认密码:</td>
        <td class="style6" style="border: medium solid #006600">
            &nbsp;&nbsp;
            <asp:TextBox ID="txtPassword2" runat="server" Height="34px" 
                style="font-size: x-large" Width="190px" TextMode="Password"></asp:TextBox>
            <asp:CompareValidator ID="CV1" runat="server" ControlToCompare="txtPassword1" 
                ControlToValidate="txtPassword2" CultureInvariantValues="True" 
                ErrorMessage="密码与确认密码不一致" Display="Dynamic" SetFocusOnError="True"></asp:CompareValidator>
        </td>
    </tr>
    <tr>
        <td class="style12" style="border: medium solid #006600">
            手机号:</td>
        <td class="style6" style="border: medium solid #006600">
            <asp:TextBox ID="txttelnumber" runat="server" Height="34px" 
                style="font-size: x-large" Width="190px"></asp:TextBox>
            <asp:Label ID="Label3" runat="server" Font-Size="Larger" ForeColor="Red" 
                Text="*"></asp:Label>
            <asp:RequiredFieldValidator ID="RFV3" runat="server" 
                ControlToValidate="txttelnumber" Display="Dynamic" ErrorMessage="手机号不能为空" 
                SetFocusOnError="True"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td class="style12" style="border: medium solid #006600">
            QQ:</td>
        <td class="style6" style="border: medium solid #006600">
            <asp:TextBox ID="txtqq" runat="server" Height="34px" style="font-size: x-large" 
                Width="190px" Font-Names="安阳师范学院甲骨文字体(测试版2.0)"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td class="style12" style="border: medium solid #006600">
            邮箱:</td>
        <td class="style6" style="border: medium solid #006600">
            <asp:TextBox ID="txtemail" runat="server" Height="34px" 
                style="font-size: x-large" Width="190px"></asp:TextBox>
            <asp:RegularExpressionValidator ID="REV1" runat="server" 
                ControlToValidate="txtemail" Display="Dynamic" 
                ErrorMessage="填写正确格式,例***@163.com" SetFocusOnError="True" 
                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
        </td>
    </tr>
    <tr>
        <td class="style12" style="border: medium solid #006600">
            爱好:</td>
        <td class="style6" style="border: medium solid #006600">
            <asp:CheckBoxList ID="CheckBoxList1" runat="server" 
                RepeatDirection="Horizontal">
                <asp:ListItem>看书</asp:ListItem>
                <asp:ListItem>打球</asp:ListItem>
                <asp:ListItem>购物</asp:ListItem>
                <asp:ListItem>逛街</asp:ListItem>
            </asp:CheckBoxList>
        </td>
    </tr>
    <tr>
        <td class="style12" style="border: medium solid #006600">
            验证码:</td>
        <td align="left" class="style6" style="border: medium solid #006600">
            <asp:TextBox ID="txtyanzheng1" runat="server" Height="34px" 
                style="font-size: x-large" Width="91px"></asp:TextBox>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <img alt="" src="CheckCode.aspx" style="height: 32px; width: 71px" /></td>
    </tr>
    <tr>
        <td class="style7" colspan="2">
            <asp:Button ID="btntijiao" runat="server" BackColor="#006600" Font-Size="Large" 
                onclick="btntijiao_Click" Text="提交" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" id="btnback" value="退出" onserverclick="btnback_Click" runat="server" class="style8"/>
           <%-- <asp:Button ID="btnback" runat="server" BackColor="#006600" Font-Size="Large" 
                Text="退出" onclick="btnback_Click" />--%>
        </td>
    </tr>
    </table>
    </form>
</body>
</html>