HTML基础实践：创建注册页面-优快云博客

本文链接：https://blog.youkuaiyun.com/yaojinglin_alone/article/details/129360280

实验1（验证性）：

HTML基础，学会使用基本的HTML标签。

能力要求：

会使用文本、表单、表格标签，能利用表格进行简单布局。

实验内容：

做一个注册页面。具有用户名、密码及确认密码、身份证、姓别、兴趣爱好（多选）、个人简单等功能的注册页面。用表格进行布局。
\

<!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>Document</title>
</head>
<body>
    <h1>注册</h1>

    <form action="#" method="post">
        <table>
            <tr>
                <td>用户名：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>密码确认：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>身份证：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex" id="man"><label for="man"></label>男
                    <input type="radio" name="sex" id="weman"><label for="weman"></label>女
                </td>
            </tr>
            <tr>
                <td>兴趣爱好：</td>
                <td>
                    <input type="checkbox" name="运动">体育
                    <input type="checkbox" name="运动">音乐
                    <input type="checkbox" name="运动">军事
                </td>
            </tr>
            <tr>
                <td>个人主页</td>
                <td>
                    <a href="https://www.baidu.com/?tn=59189121_1_oem_dg">个人主页</a>
                </td>
            </tr>
            <tr>
                <td>联系方法</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>
                    <select>
                        <option>请选择所在省份</option>
                        <option>浙江省</option>
                        <option>山东省</option>
                        <option>广西省</option>
                        <option>云南省</option>
                        <option>福建省</option>
                        <option>黑龙江省</option>
                    </select>
                </td>
            </tr>

            <tr>
                <td>
                    <button type="reset" value="重置按钮">重置</button>
                    <button type="submit" value="提交">提交</button>
                </td>
            </tr>
        </table>
        
        
    </form>

    
</body>
</html>

PS：可能会出现一些错误，看到的立马改