Web作业--学生信息注册页面

程序员文章站 2024-02-26 13:32:10

...

以后会逐渐完善的。
Web作业--学生信息注册页面

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <link rel="shortcut" href="file:///D://htmlpicture//qw.gif">
    <link rel="stylesheet" type="text/css" href="style.css">
    <style>
        #headr{
            text-align:center;
            font-size:29px;
            font-family: 楷体;
            background-color: 	#CAE1FF;
        }
        #Main{
            font-size:20px;
            font-family: 宋体;
            margin-left: 210px;
            margin-top: 20px;
            background-clip:	#97FFFF;
        }
        input[type=text], [type=password],select {
            width: 50%;
            padding: 12px 12px;
            margin: 5px 17px;
            display: inline-block;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        input[type=submit] {
            width: 30%;
            background-color: #4CAF50;
            color: white;
            padding: 14px 20px;
            margin: 8px 0;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        input[type=button]{
            width:15%;
            background-color: 	#C9C9C9; 
            padding: 4px 5px;
            cursor: pointer;
        }
        textarea{   
            width:50%;
            height:84px;
            padding-bottom:20px;
            padding-left: 5px;
            border:3px soild #ccc;
            border-radius: 4px;
            margin-left:19px;
            margin-top:0px;
            background-color:#f8f8f8;
            resize: none;
            vertical-align:top
        }
    </style>
</head>
<body>
    <div class="center">
        <div id = "headr">
            <h4>学生信息注册</h4>
        </div>
        <div id = "Main">
            <form>
                <b>姓名:</b>
                &nbsp;&thinsp;&thinsp;&thinsp;
                <input type="text" name="name" placeholder="Your name.." required>
                <span id="Name"></span>
            </form>
            <br>
            <from>
                <b>性别:</b>
                &thinsp;&thinsp;&thinsp;&nbsp;&thinsp;&thinsp;&thinsp;
                <input type="radio" name="sex" value="男"> 男
                <input type="radio" name="sex" value="女"> 女
            </from>
            <br>
            <form>
               <b>出生日期:</b>
               <input type="text" name="birth" placeholder="2000-01-01">
               <span id="Date"></span>
            </form>
            <form>
                <b>学校: </b>
                &nbsp;&thinsp;&thinsp;&thinsp;
                <input type="text" name="school" >
                <span id="School"></span>
            </form>
            <form>
                <b>专业: </b>
                &nbsp;&thinsp;&thinsp;&thinsp;
                <select name="major">
                    <option value="计算机科学与技术">计算机科学与技术</option>
                    <option value= "啦啦啦啦"></option>
                </select>
            </form>
            <form>
                <b>体育特长: </b>
                &thinsp;
                <input type="checkbox" name=""> 篮球
                <input type="checkbox" name=""> 排球
                <input type="checkbox" name=""> 足球
                <input type="checkbox" name=""> 游泳
            </form>
            <br>
            <form>
                <b stype="display:block">上传照片: </b>
                <input type="file" style="border-style: groove;background-color:#C9C9C9;padding-bottom:2px;margin:0px 18px;">
            </form>
            <br>
            <form>
                <b>密码: </b>
                &nbsp;&thinsp;&thinsp;&thinsp;
                <input type="password" name="">
                <span id="password"></span>
            </form>
            <br>
            <form>
                <b>个人介绍: </b>
                <textarea placeholder="..."></textarea>
                <span id="Pro"></span>
            </form>
            <br>
            <form>
                <input type="submit" value="提交" style="font-size: 15px;">
                <input type="submit" value="取消" style="font-size: 15px;margin-left: 50px;">
            </form>
        </div>
    </div>
    <script>

    </script>
</body>
</html>

css

*{
    padding: 0px;
    margin: 0px;		
    box-sizing: border-box;
}
body{
    background-image:url('D://htmlpicture//blue-snow.png');
}
.center{
    border-style:solid;
    border-radius: 5px;
    border-color:	#F0FFFF;
    width: 850px;
    margin: 60px auto;
    background-color:#FFFAFA;
}

Web作业--学生信息注册页面

Web作业--学生信息注册页面

微信小程序的注册页面包含倒计时验证码、获取用户信息

注册信息页面??_html/css_WEB-ITnose

将会员注册页面的Email修改成非必填项(ecshop2.7.2版)_html/css_WEB-ITnose

注册页面的各种判断（正则表达式）_html/css_WEB-ITnose

超详细的php用户注册页面填写信息完整实例（附源码）_PHP

超详细的php用户注册页面填写信息完整实例（附源码），用户注册源码_PHP教程

将会员注册页面的Email修改成非必填项(ecshop2.7.2版)_html/css_WEB-ITnose

Winform学生信息管理系统主页面设计（2）

ASP.NET实现个人信息注册页面并跳转显示