纯html制作的类似相亲网站的注册页面

最新推荐文章于 2023-11-17 12:25:08 发布

帕斯卡尔·杨亚卡姆

最新推荐文章于 2023-11-17 12:25:08 发布

阅读量2.1k

点赞数 4

文章标签： html

本文链接：https://blog.csdn.net/jiangxiaohuai/article/details/110823117

版权

话不多说，直接上源码，是练习html时写的小案例

<!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>
    <h2>青春不常在，抓紧谈恋爱</h2>
        <form action="#" method="GET" name="cheshi">
            <span>性别：</span>
            <input type="radio" name="sex">男
            <input type="radio" name="sex">女
            <br />
            <span>生日：</span>
            <select name="birthdays" id="birthday">
                <option value="1" selected = 'selected'>请选择年份</option>
                <option value="2">选项2</option>
                <option value="3">选项3</option>
            </select>
            <select name="birthdays" id="mothday">
                <option value="1" selected = 'selected'>请选择月份</option>
                <option value="2">选项2</option>
                <option value="3">选项3</option>
            </select>
            <select name="birthdays" id="day">
                <option value="1" selected = 'selected'>请选择日期</option>
                <option value="2">选项2</option>
                <option value="3">选项3</option>
            </select>
            <br />
            <span>所在地区：</span>
            <input type="text" value="重庆">
            <br />
            <span>喜欢的类型：</span>
            <input type="checkbox" >小鲜肉
            <input type="checkbox" >老腊肉
            <input type="checkbox" >异类
            <br />
            <span>自我介绍：</span>
            <textarea name="ones" id="one" cols="30" rows="3"></textarea>
            <br />
            <a href="#">我是会员,立即登录</a>
            <br />
            <h3>我承诺：</h3>
            <ul>
                <li>年满18</li>
                <li>有车有房</li>
                <li>寻找另一半</li>
            </ul>
        </form>
    
</body>
</html>