案例二用HTML做一个简单的注册界面

最新推荐文章于 2023-10-25 15:53:28 发布

实话实说你是个傻瓜

最新推荐文章于 2023-10-25 15:53:28 发布

阅读量497

点赞数

分类专栏： web网页标签文章标签： html

本文链接：https://blog.csdn.net/qq_45405176/article/details/107088506

版权

web网页标签专栏收录该内容

13 篇文章 1 订阅

订阅专栏

一，实现效果

在这里插入图片描述

二，代码

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h3>表单元素的练习</h3>
    <table width="500">
        <!-- 第一行 -->
        <tr>
            <td>性别:</td>
            <td>
                <input type="radio" name="sex" checked="checked"> 男
                <input type="radio" name="sex"> 女
            </td>
        </tr>
        <!-- 第二行 -->
        <tr>
            <td>生日：</td>
            <td>
                <select>
                    <option>请选择年</option>
                    <option>2000</option>
                    <option>2001</option>
                    <option>2002</option>
                </select>
            </td>
            <td>
                <select>
                    <option>请选择月</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
            </td>
            <td>
                <select>
                    <option>请选择日</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
            </td>
        </tr>
        <!-- 第三行 -->
        <tr>
            <td>所在地区：</td>
            <td><input type="text" value="默认地址"></td>
        </tr>
        <!-- 第四行 -->
        <tr>
            <td>婚姻状况：</td>
            <td>
                <input type="radio" name="marry" checked="checked">未婚
                <input type="radio" name="marry">已婚
                <input type="radio" name="marry">离婚
            </td>
        </tr>
        <!-- 第五行 -->
        <tr>
            <td>学历：</td>
            <td><input type="text" value="幼儿园"></td>
        </tr>
        <!-- 第六行 -->
        <tr>
            <td>喜欢的：</td>
            <td>
                <input type="checkbox" name="love">傲娇的
                <input type="checkbox" name="love">可爱的
                <input type="checkbox" name="love" checked="checked">都要
            </td>
        </tr>
        <!-- 第七行 -->
        <tr>
            <td>自我介绍：</td>
            <td><textarea>还没有个人介绍</textarea></td>
        </tr>
        <!-- 第八行 -->
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>
        <!-- 第九行 -->
        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked">我同意注册条款
            </td>
        </tr>
        <!-- 第十行 -->
        <tr>
            <td></td>
            <td>
                <a href="#">我是会员，立即登录</a>
            </td>
        </tr>
        <!-- 第十一行 -->
        <tr>
            <td></td>
            <td>
                <h5>我承诺</h5>
                <ul>
                    <li>年满18</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚待人</li>
                </ul>
            </td>
        </tr>
    </table>
</body>

</html>

这都是按照pink老师的教学写的…

实话实说你是个傻瓜

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
案例二用HTML做一个简单的注册界面

一，实现效果二，代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
复制链接

扫一扫