1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 <link rel="stylesheet" href="./class.css">
8 <title>Document</title>
9 </head>
10 <body>
11 <h1 id="head">欢迎注册账号</h1>
12 <form action="" method="GET" class="register">
13 <fieldset>
14 <legend>注册</legend>
15 <div class="a">
16 <label for="tel">请输入你的电话号码：</label>
17 <input type="tel" id="tel " required>
18 </div>
19 <div class="a">
20 <label for="email">你的邮箱地址：</label>
21 <input type="email" id="email" placeholder="*****@qq.com" required>
22 </div>
23 <div class="a">
24 <label for="date">出生年月：</label>
25 <input type="date" placeholder="2018 5 1" required>
26 </div>
27 <div class="a">
28 <label for="name">输入你的昵称：</label>
29 <input type="text" id="name" required>
30 </div>
31 <div class="a">
32 <label for="password">输入你的密码：</label>
33 <input type="password" id="password" minlength="6" maxlength="15" placeholder="至少8个字符" required>
34 </div>
35 <div class="a">
36 <input type="submit" value="注册" id="b">
37 </div>
38 </fieldset>
39 </form>
40 </body>
41 </html>
1 h1{
2 text-align: center;
3 font-family: 楷体;
4 }
5 .a label{
6 width: 175px;
7 display: inline-block;
8 text-align: center;
9 }
10 fieldset{
11 width: 400px;
12 background-image: url("./图片/u=2616351190\,653152339&fm=27&gp=0.jpg")
13 }
14 #b{
15 position: relative;
16 left: 165px;
17 border-color: cyan;
18 margin: 20px;
19 }
20 fieldset{
21 margin: 0px auto;
22 }
