练习：注册页面

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面1</title>
</head>

<body>
    <h4>青春不常在，抓紧谈恋爱</h4>
    <!-- 表单域 -->
    <form action="#" method="get" name="formusername">
        <table width="600" border="0">
            <!-- 第一行 -->
            <tr>
                <td>性别：</td>
                <td><input type="radio" name="sex" value="nan" checked="checked" id="nan"><label for="nan"><img src="images/man.png" /> 男</label>
                    <input type="radio" name="sex" value="nv" id="nv"><label for="nv"><img src="images/woman.png" /> 女</label>
                </td>
            </tr>
            <!-- 第二行 -->
            <tr>
                <td>生日：</td>
                <td>
                    <select name="nian">
                        <option>--请选择年--</option>
                        <option>1995</option>
                        <option>1996</option>
                        <option>1997</option>
                        <option>1998</option>
                        <option>1999</option>
                    </select>
                    <select name="yue">
                        <option>--请选择月--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                    <select name="ri">
                        <option>--请选择日--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </td>
            </tr>
            <!-- 第三行 -->
            <tr>
                <td><label for="diqu">所在地区：</label></td>
                <td><input type="text" name="diqu" value="北京思密达" id="diqu"></td>
            </tr>
            <!-- 第四行 -->
            <tr>
                <td>婚姻状况：</td>
                <td>
                    <input type="radio" name="marry" value="weihun" checked="checked" id="weihun"><label for="weihun">未婚 </label>
                    <input type="radio" name="marry" value="yihun" id="yihun"><label for="yihun">已婚</label>
                    <input type="radio" name="marry" value="lihun" id="lihun"><label for="lihun">离婚</label>
                </td>
            </tr>
            <!-- 第五行 -->
            <tr>
                <td><label for="xueli">学历：</label></td>
                <td><input type="text" name="xueli" value="幼儿园" id="xueli"></td>
            </tr>
            <!-- 第六行 -->
            <tr>
                <td>喜欢的类型：</td>
                <td>
                    <input type="checkbox" name="love" value="wumei" id="wumei"><label for="wumei">妩媚的</label>&nbsp;
                    <input type="checkbox" name="love" value="keai" id="keai"><label for="keai">可爱的</label>&nbsp;
                    <input type="checkbox" name="love" value="xiaoxianrou" id="xiaoxianrou"><label for="xiaoxianrou">小鲜肉</label>&nbsp;
                    <input type="checkbox" name="love" value="laolarou" id="laolarou"><label for="laolarou">老腊肉</label>&nbsp;
                    <input type="checkbox" name="love" value="duxihuan" id="duxihuan"><label for="duxihuan">都喜欢</label>
                </td>
            </tr>
            <!-- 第七行 -->
            <tr>
                <td><label for="ziwojieshao">自我介绍：</label></td>
                <td>
                    <textarea id="ziwojieshao" name="ziwojieshao">自我介绍</textarea>
                </td>
            </tr>
            <!-- 第八行 -->
            <tr>
                <td></td>
                <td>
                    <input type="submit" value="免费注册">
                </td>
            </tr>
            <!-- 第九行 -->
            <tr>
                <td></td>
                <td><input type="checkbox" name="tongyi" value="tongyi" checked="checked" id="tongyi"><label for="tongyi">我同意注册条款和会员加入标</label>准</td>
            </tr>
            <!-- 第十行 -->
            <tr>
                <td></td>
                <td><a href="#" target="_blank">我是会员，立即登录</a></td>
            </tr>
            <!-- 第十一行 -->
            <tr>
                <td></td>
                <td>
                    <h3>我承诺</h3>
                    <ul>
                        <li>年满18岁、单身</li>
                        <li>抱着严肃的态度</li>
                        <li>真诚寻找另一半</li>
                    </ul>
                </td>
            </tr>
        </table>
    </form>
</body>

</html>
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123

相关阅读:
Hadoop环境快速搭建（伪分布式和完全分布式步骤版）
视频集中存储/云存储平台EasyCVR级联下级平台的详细步骤
 PON网络应用场景
 【docker desktop】创建node:18 server
图片批量处理：轻松实现图片批量处理：按需缩放图片像素
 Java8中的Stream的汇总和分组操作~它并不难的
 js-nginx配置字段适配前端服务
 数据结构——第一章算法
 最短路Dijkstra，spfa，图论二分图算法AYIT---ACM训练(模板版)
《论文阅读28》OGMM
原文地址：https://blog.csdn.net/L1585931143/article/details/126375287