web作业02

最新推荐文章于 2024-10-16 11:23:07 发布

sjsyg

最新推荐文章于 2024-10-16 11:23:07 发布

阅读量163

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/sjsyg/article/details/131595177

版权

这是一个HTML代码示例，展示了一个用于用户注册的网页表单，包括性别选择、生日选择、地区填写、婚姻状况、学历填写、喜欢的类型选择以及自我介绍的文本区域，还有同意条款的确认和登录选项。

摘要由CSDN通过智能技术生成

web作业02

目标效果

在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>青春不常在，抓紧谈恋爱</title>
</head>
<body>
    <form action="#">
        <h4>青春不常在，抓紧谈恋爱</h4><br><br>
        <table>
            <tr>
                <td>性别</td>
                <td><input type="radio" name="gender" value="nan">男
                    <input type="radio" name="gender" value="nv">女
                </td>
            </tr>
            <tr>
                <td>生日</td>
                <td>
                    <select>
                        <option value="--请选择年--">--请选择年--</option>
                        <option value="2000">2000</option>
                    </select>
                    <select>
                        <option value="--请选择月--">--请选择月--</option>
                        <option value="01">01</option>
                    </select>
                    <select>
                        <option value="--请选择日--">--请选择日--</option>
                        <option value="01">01</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>所在地区</td>
                <td>
                    <input type="text" name="diqu" value="北京思密达" maxlength="10">
                </td>
            </tr>
            <tr>
                <td>婚姻状况</td>
                <td>
                    <input type="radio" name="marry" value="weihun">未婚
                    <input type="radio" name="marry" value="yihun">已婚
                    <input type="radio" name="marry" value="lihun">离婚
                </td>
            </tr>
            <tr>
                <td>学历</td>
                <td>
                    <input type="text" name="xueli" value="幼儿园" maxlength="10">
                </td>
            </tr>
            <tr>
                <td>喜欢的类型</td>
                <td>
                    <input type="checkbox" name="leixing" value="wumei">妩媚的
                    <input type="checkbox" name="leixing" value="keai">可爱的
                    <input type="checkbox" name="leixing" value="xiao">小鲜肉
                    <input type="checkbox" name="leixing" value="lao">老腊肉
                </td>
            </tr>
            <tr>
                <td>自我介绍</td>
                <td>
                    <textarea cols="20" rows="2">自我介绍</textarea>
                </td>
            </tr>
            <tr>
                <td rowspan="5"></td>
                <td><button>免费注册</button></td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="biaozhun" value="gou">我同意注册条款和会员加入标准
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#">我是会员，立即登录</a>
                </td>
            </tr>
            <tr>
                <td>
                    <ul>
                        <h3>我承诺</h3>
                        <li>年满18岁、单身</li>
                        <li>抱着严肃的态度</li>
                        <li>真诚寻找另一半</li>
                    </ul>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>