html_5_小作业2_世纪佳缘注册页面

最新推荐文章于 2023-02-09 16:48:42 发布

柳家山头号矿工

最新推荐文章于 2023-02-09 16:48:42 发布

阅读量842

点赞数 1

分类专栏：前端学习文章标签： html5

本文链接：https://blog.csdn.net/dc12499574/article/details/124157737

版权

前端学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

文章目录

要求
效果
代码

要求

效果

源码：
链接：https://pan.baidu.com/s/1Cnf2koBFo4I4CCW4RTQ_4A
提取码：ouzc

代码

<!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>
    <table align="left">
        <th>青春不常在，抓紧谈恋爱</th>
        <tbody>    
            <tr>
                <td>性别</td>
                <td><input type="radio" name="gender" id="man"><label for="man"><img src="man.jpg" alt="man">男</label><input type="radio" name="gender" id="women"><label for="women"><img src="women.jpg" alt="women">女</label></td>       
            </tr>
            <tr>
                <td>生日</td>
                <td>
                    <select><option>year</option><option>2010</option><option>2015</option><option>2020</option></select>
                    <select><option>month</option><option>1</option><option>6</option><option>11</option></select>
                    <select><option>day</option><option>10</option><option>20</option><option>30</option></select>
                </td>
            </tr>
            <tr>
                <td>所在地</td>
                <td>
                    <select><option>中国</option><option>韩国</option><option>日本</option></select>
                </td>
            </tr>
            <tr>
                <td>婚姻状况</td>
                <td>
                    <input type="radio" name="marital">未婚<input type="radio" name="marital">离婚<input type="radio" name="marital">已婚
                </td>
            </tr>
            <tr>
                <td>学历</td>
                <td>
                    <select><option>幼儿园</option><option>高中</option><option>硕士</option></select>
                </td>
            </tr>
            <tr>
                <td>喜欢的类型</td>
                <td><input type="checkbox" id="like">可爱的<input type="checkbox" id="like">小鲜肉<input type="checkbox" id="like">都喜欢</td>
            </tr>
            <tr>
                <td>自我介绍</td>
                <td>
                    <textarea name="introduce" cols="30" rows="5">自我介绍</textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="免费注册"></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="radio">我同意注册条款和会员加入标准</td>
            </tr>
            <tr>
                <td></td>
                <td><a href="#">我是会员，立即登录</a></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <dl>
                        <dt><h3>我承诺</h3></dt>
                        <dd>年满十八岁</dd>
                        <dd>抱着严肃的态度</dd>
                        <dd>真诚寻找另一半</dd>
                    </dl>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>

柳家山头号矿工

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
html_5_小作业2_世纪佳缘注册页面

文章目录要求效果代码要求效果源码：链接：https://pan.baidu.com/s/1Cnf2koBFo4I4CCW4RTQ_4A提取码：ouzc代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na
复制链接

扫一扫

专栏目录