注册页面制作

最新推荐文章于 2024-02-23 18:01:31 发布

愤怒的西瓜君

最新推荐文章于 2024-02-23 18:01:31 发布

阅读量674

点赞数 1

分类专栏：前端文章标签： html 前端

本文链接：https://blog.csdn.net/lizhi20210729/article/details/122343678

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

注册页面

这次试着没有跟着老师一起做，直接看着成品页面独立的做出来了，中途比较大的一个问题就是刚学对这些标签不熟悉，然后又回去找这些基础知识。不过最后出来代码跟老师的差不多，就是最后4行的处理上不一样，老师是前面放空的单元格，我是直接把最后四个单元格进行了一个跨行合并，感觉没必要改，这样挺好就直接这样吧。

<!DOCTYPE html>
<html lang="zh-CN">
<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>
    <h4>青春不常在，抓紧谈恋爱</h4>
    <table>
        <tr>
            <td>性别：</td>
            <td><input type="radio" name="sex" id="nan"><label for="nan"><img src="images/man.jpg"></label><label for="nan">男</label>
                <input type="radio" name="sex" id="nv"><label for="nv"><img src="images/women.jpg"></label><label for="nv">女</label></td>
        </tr>
        <tr>
            <td>生日： </td>
            <td>
                <select>
                    <option>-请选择年份-</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                </select> 
                <select>
                    <option>-请选择月份-</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select> 
                <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="wed" checked>未婚<input type="radio" name="wed">已婚<input type="radio" name="wed">离婚 </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">小鲜肉
                <input type="checkbox" name="love">老腊肉
                <input type="checkbox" name="love" checked>都喜欢 
            </td>
        </tr>
        <tr>
            <td>个人介绍： </td>
            <td><textarea>个人简介</textarea> </td>
        </tr>
        <tr>
            <td rowspan="4"></td>
            <td><input type="submit" value="免费注册"></td>
        </tr>
        <tr>
            
            <td><input type="checkbox" checked>我同意注册条款和会员加入标准</td>
        </tr>
        <tr>
            
            <td><a href="#">我是会员，立刻登录</a></td>
        </tr>
        <tr>
            
            <td><h5>我承诺</h5>
                <ul>
                    <li>年满18岁、单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>

愤怒的西瓜君

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
注册页面制作

注册页面这次试着没有跟着老师一起做，直接看着成品页面独立的做出来了，中途比较大的一个问题就是刚学对这些标签不熟悉，然后又回去找这些基础知识。不过最后出来代码跟老师的差不多，就是最后4行的处理上不一样，老师是前面放空的单元格，我是直接把最后四个单元格进行了一个跨行合并，感觉没必要改，这样挺好就直接这样吧。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <
复制链接

扫一扫