精致的程序员

导航

 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
</head>
<body>
    <div class="divAll">
        <div id="titles">新用户注册</div>
        <div id="contents">
            <h3>基本信息</h3>
            <hr width="95%" color="#f2f2f2"/>
            <form action="#" onsubmit="return checkForm">
                <div id="form-itemGroup">
                    <label for="userName">用户名:</label>
                    <input type="text" id="userName" class="userName" onBlur="checkUserName()" oninput="checkUserName()">
                    <span class="default" id="nameErr">请输入3位用户名</span>
                <div>
                <div id="form-itemGroup">
                    <label for="userPassword">密    码:</label>
                    <input type="password" id="userPassword" class="userName" onBlur="checkPassword()" oninput="checkPassword()">
                    <span class="default" id="passwordErr">请输入4到8位的密码</span>
                <div>
                <div id="form-itemGroup">
                    <label for="userConfirmPassword">确认密码:</label>
                    <input type="password" id="userConfirmPassword" class="userName" onBlur="ConfirmPassword()" oninput="ConfirmPassword()">
                    <span class="default" id="ConPasswordErr">请再次输入密码</span>
                 <div>
                <div>
                    <button type="submit" class="divBtn">注册</button>
                </div>
            </form>
            </div>
            </div>
</body>
</html>
posted on 2018-09-16 22:53  精致的程序员  阅读(251)  评论(0)    收藏  举报