javaweb/css/registration_page/registration_page.html at master · CPU-Code/javaweb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!--
 * @由于个人水平有限, 难免有些错误, 还请指点:
 * @Author: cpu_code
 * @Date: 2020-10-09 14:47:55
 * @LastEditTime: 2020-10-09 15:22:08
 * @FilePath: \web\css\registration_page\registration_page.html
 * @Gitee: [https://gitee.com/cpu_code](https://gitee.com/cpu_code)
 * @Github: [https://github.com/CPU-Code](https://github.com/CPU-Code)
 * @CSDN: [https://blog.csdn.net/qq_44226094](https://blog.csdn.net/qq_44226094)
 * @Gitbook: [https://923992029.gitbook.io/cpucode/](https://923992029.gitbook.io/cpucode/)
-->
<!DOCTYPE html>
<html lang="ch">
    <head>
        <meta charset="UTF-8">
        <title> cpucode注册页面 </title>
    </head>

    <body>
        <!-- 定义表单 form -->
        <form action="#" method="post">
            <table border="1" align="center" width="500">
                <tr>

                    <!-- label：指定输入项的文字描述信息
                        * label的for属性一般会和 input 的 id属性值 对应。
                        如果对应了，则点击label区域，会让input输入框获取焦点
                    -->
                    <td> <label for="username"> 用户名 </lable> </td>
                    <td> <input type="text" name="username" id="username"> </td>
                </tr>

                <tr>
                    <td> <label for="password">密码</label> </td>
                    <td> <input type="password" name="password" id="password"> </td>
                </tr>

                <tr>
                    <td><label for="email">email</label></td>
                    <td><input type="email" name="email" id="email"></td>
                </tr>

                <tr>
                    <td><label for="姓名">姓名</label></td>
                    <td><input type="text" name="name" id="name"></td>
                </tr>

                <tr>
                    <td><label for="tel">手机号</label></td>
                    <td><input type="text" name="tel" id="tel"></td>
                </tr>

                <tr>
                    <td><label>性别</label></td>
                    <td>
                        <input type="radio" name="gender" value="male"> 男
                        <input type="radio" name="gender" value="female"> 女
                    </td>
                </tr>

                <tr>
                    <td><label for="birthday">出生日期</label></td>
                    <td><input type="date" name="birthday" id="birthday"></td>
                </tr>

                <tr>
                    <td><label for="checkcode">验证码</label></td>
                    <td>
                        <input type="text" name="checkcode" id="checkcode">
                        <img src="image/verify_code.jpg">
                    </td>
                </tr>

                <tr>
                    <td colspan="2" align="center"><input type="submit" value="注册"></td>
                </tr>

            </table>

        </form>

    </body>

</html>