0210428
/
app-Luck16th


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536
							<body class="主体区" style="background-image: url(assets/register.png);background-size: cover;
background-position: center;">
    <div class="注册框">
        <form action="">
            <h2>注册</h2>
            <div>
                <span>昵称</span>
                <input type="text" class="text" [(ngModel)]="userData.username" placeholder="请输入昵称" [ngModelOptions]="{standalone: true}">
            </div>
            <div>
                <span>QQ号码</span>
                <input type="number" class="text" [(ngModel)]="userData.userId" placeholder="（用于用户头像）" [ngModelOptions]="{standalone: true}">
            </div>
            <div>
                <span class="sex">性别</span>
                <input type="radio" name="sex" [(ngModel)]="userData.sex" [ngModelOptions]="{standalone: true}" value="男">男
                <input type="radio" name="sex" [(ngModel)]="userData.sex" [ngModelOptions]="{standalone: true}" value="女">女
            </div>            
            <div>
                <span>密码</span>
                <input type="password" class="text" [(ngModel)]="userData.password" placeholder="请输入密码" [ngModelOptions]="{standalone: true}">
            </div>
            <div>
                <span>再次确认密码</span>
                <input type="password" class="text" [(ngModel)]="userData.repassword" placeholder="请再次确认密码" [ngModelOptions]="{standalone: true}">
            </div>
            <div>
                <input type="button" (click)="registerUser()" class="提交" value="注册">
            </div>
            {{wrong}}
            <div>
                <input routerLink="/user/login" type="button" class="提交" value="返回登录">
            </div>
        </form>
    </div>
</body>