HTML案例:征婚网站(前端学习的第六天)

<!DOCTYPE html>
<html lang="zh-CN">

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

<body>
    <h3>青春不常在</h3>
    <form action="" name="信息表单">
        <table width="500">
            <tr>
                <td>姓名</td>
                <td><input type="text" name="name" value="name"></td>
            </tr> <!-- 第一行 -->

            <tr>
                <td>性别:</td>
                <td>
                    <label for="nan">男</label> <input type="radio" id="nan" value="男" name="sex">
                    <label for="nv">女</label> <input type="radio" id="nv" value="女" name="sex">
                </td>
            </tr><!-- 第二行 -->

            <tr>
                <td>生日</td>
                <td>
                    <select name="" id="">
                        <option value="">--请选择年份--</option>
                        <option value="">2001</option>
                        <option value="">2002</option>
                    </select>
                    <select name="" id="">
                        <option value="">--请选择月份--</option>
                        <option value="">1</option>
                        <option value="">2</option>
                    </select>
                    <select name="" id="">
                        <option value="">--请选日期--</option>
                        <option value="">1</option>
                        <option value="">2</option>
                    </select>
                </td>
            </tr><!-- 第三行 -->

            <tr>
                <td>所在地区</td>
                <td>
                    <input type="text" value="北京">
                </td>
            </tr><!-- 第四行 -->

            <tr>
                <td>婚姻状况</td>
                <td>
                    <label for="未婚">未婚</label> <input type="radio" name="婚姻状况" value="未婚" id="未婚" checked="checked">
                    <label for="离异">离异</label> <input type="radio" name="婚姻状况" value="离异" id="离异">
                </td>
            </tr><!-- 第五行 -->

            <tr>
                <td>学历</td>
                <td>
                    <select name="" id="">
                        <option value="">本科</option>
                        <option value="" selected="selected">研究生</option>
                        <option value="">博士</option>
                    </select>
                </td>
            </tr> <!-- 第六行 -->

            <tr>
                <td>喜欢类型</td>
                <td>
                    <label for="清纯">清纯</label> <input type="checkbox" id="清纯" name="类型" value="清纯">
                    <label for="萝莉">萝莉</label> <input type="checkbox" id="萝莉" name="类型" value="萝莉">
                    <label for="御姐">御姐</label> <input type="checkbox" id="御姐" name="类型" value="御姐">
                </td>
            </tr> <!-- 第七行 -->

            <tr>
                <td>自我介绍</td>
                <td>
                    <textarea name="自我介绍" cols="30" rows="5" placeholder="请输入你的自我介绍"></textarea>
                </td>
            </tr><!-- 第八行 -->

            <tr>
                <td>请上传你的照片</td>
                <td> <input type="file"> </td>
            </tr><!-- 第九行 -->

            <tr>
                <td></td>
                <td><input type="submit" value="提交"></td>
            </tr><!-- 第十行 -->

            <tr>
                <td></td>
                <td><input type="checkbox" value="true">我同意将以上信息公开到我的社交账号</td>
            </tr><!-- 第十一行 -->

            <tr>
                <td></td>
                <td>
                    <h2>我承诺</h2>
                    <ul>
                        <li>真诚</li>
                        <li>真心</li>
                    </ul>
                </td>
            </tr><!-- 第十二行 -->

        </table>
    </form>

</body>

</html>

效果:

 

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
交友网源码交友网模板免费下载,交友网系统,交友网模板下载,仿世纪佳缘交友婚恋网正式版,sns社交网系统商业版,后台管理从前台网输入http://***.***.***/admin 进入后台管理 管理员用户名:admin 管理员密码:admin 前台用户名:wrzcnet 前台用户密码:123456 网软志成交友网源码交友网模板免费下载,最新免费交友网源码下载,jsp交友网源码,婚恋交友网源码,php交友网源码,同城交友网源码,交友网asp源码,婚介网源码,友源码,交友网源码,扬州交友网 源码,网软志成交友婚恋网,结婚网模板,婚恋交友网源码,婚恋 源码,婚恋网源码,婚恋网源码 php,婚恋网,婚恋交友网,中国最好的婚恋网,同城婚恋交友,中国最大婚恋网 ,北京婚恋网 广州交友网,仿世纪佳缘 asp,仿世纪佳缘源码,仿世纪佳缘模板下载,仿世纪佳缘 php ,世纪佳缘,世纪佳缘网,世纪佳缘登陆,世纪佳缘交友网首页,世纪佳缘网首页,世纪佳缘征婚,世纪佳缘登录,交友网系统正式版源码交友征婚网模板下载,信息时代,网民,网友几十亿,需要一个最大的交友网,婚恋交友网实现个人信息的发布,交友信息的发布,以交友为中心,广交天下友,寻找人生道路上的知己。征婚频道:服务于交友网上的有征婚需求的特定人群。交友网正式版栏目频道有,征婚,圈子,诊所,活动,约会,聊天,视频,博客,相册,搜索,故事。是建立大型征婚婚恋门户网的优惠网系统,交友网智能建系统,征婚网自助建程序. 完美的asp编程的网络交友征婚婚介网管理系统源码正式版,征婚网源代码,婚恋网后台,免费的交友网网页模板,征婚交友,交友征婚网源程序,后台功能非常强大,并参考目前众多流行的国内国外交友网模板重新做了美化,非常漂亮的交友征婚娱乐网模板,适用于各交友网建设的网源码,交友网管理系统。asp+access的完美结合,高效的页面执行效率,特别优化系统安全性能,可令你在交友网茫茫网海中一支独秀。交友征婚网管理系统正式版助中国各交友网走上信息化道路,走上网络,为天下婚姻服务。系统自身具有强大、完备的网后台管理功能,功能全面,操作简易。婚姻介绍所门户网网页模板,婚姻网程序,系统前台的栏目、菜单、功能入口等全部实现后台控制,用户只需在后台进行简单的设置即可制作出适合于自身交友征婚的的网系统。我们将推出更多的交友,征婚,婚恋,婚介机构网,交友网源码,交友网模板,征婚网源码,征婚网模板,婚恋网模板,婚恋网源码,交友,征婚,婚恋,婚介网管理系统,做中国最好,易用,安全的网系统,网络交友,征婚,婚恋,婚介网管理系统源码正式版. 一款非常好的交友征婚婚恋程序,量身订制,您不要懂网开发语言,只要设置网信息就可以做出自己的交友网。 网软志成交友网源码交友网模板免费下载功能介绍: 会员管理 店面会员 高级会员A套餐 高级会员B套餐 普通会员 会员查询 约会管理 许愿管理 会员申请 邮件管理 活动管理 首页轮换 广告管理 文章管理 管理员文章 会员文章 评论管理 其他管理 会员须知 交友须知 媒体报道 网律师 法律声明 维情服务 佳缘简介 会员权益 优质服务 新概念 修改密码 安全退出 网首页

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值