HTML案例——求偶表单

最新推荐文章于 2024-09-05 14:01:36 发布

代维7

最新推荐文章于 2024-09-05 14:01:36 发布

阅读量178

点赞数 1

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

本文链接：https://blog.csdn.net/Recursions/article/details/126811452

版权

html 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

这是一篇HTML格式的博客，内容包含一个表单，用于收集用户的昵称、性别、所在城市和喜欢的类型。用户可以选择男性或女性，从北京、上海、南京三个城市中挑选，并勾选不同程度的可爱作为喜好。表单还要求用户年满18岁且为单身。

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

<!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>
    <h1>智者不入爱河，寡王一路硕博，终能傍上富婆，建设美丽中国</h1>
    <hr>
    <form action="">
        昵称：<input type="text" name="" id="" placeholder="请输入">
        <br>
        <br>
        性别：
        <label><input type="radio" name="sex" id="" checked> 男</label>
        <label><input type="radio" name="sex" id=""> 女</label>
        <br>
        <br>
        所在城市：
        <select>
            <option>北京</option>
            <option>上海</option>
            <option>南京</option>
        </select>
        <br>
        <br>
        喜欢的类型：
        <label><input type="checkbox" name="" id="">可爱</label>
        <label></label><input type="checkbox" name="" id="">很可爱</label>
        <label></label><input type="checkbox" name="" id="">非常可爱</label>
        <br>
        <br>
        个人介绍：<br>
        <textarea name="" id="" cols="60" rows="5"></textarea>
        <h3>Promise</h3>
        <u1>
            <li>年满18岁，单身</li>
        </u1>
        <input type="submit">
        <button type="reset">重置</button>
    </form>
</body>
</html>