(0012) H5开发之综合案例-会员注册表单

最新推荐文章于 2023-05-24 18:13:57 发布

沐雨07

最新推荐文章于 2023-05-24 18:13:57 发布

阅读量467

点赞数

分类专栏： HTML5学习路线文章标签：表单案例 HTML

本文链接：https://blog.csdn.net/shifang07/article/details/130119015

版权

HTML5学习路线专栏收录该内容

20 篇文章 0 订阅

订阅专栏

请添加图片描述

下面实现：

<!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" placeholder="请输入昵称"><br><br>
        性别：<input type="radio" name="sex">男<input type="radio" name="sex">女<br><br>
        生日：<input type="date"><br><br>
        城市：<select name="" id="">
            <option value="" selected>北京</option>
            <option value="">上海</option>
            <option value="">广州</option>
            <option value="">深圳</option>
        </select><br><br>

        婚姻状况：<input type="radio" name="hunyin" checked>未婚
        <input type="radio" name="hunyin">已婚
        <input type="radio" name="hunyin">保密<br><br>

        兴趣爱好：<input type="checkbox" checked multiple>敲打吗
        <input type="checkbox" multiple>挣钱
        <input type="checkbox" multiple>旅游<br><br>

        个人介绍：<br><br>
        <textarea name="" id="" cols="30" rows="10"></textarea><br><br>

        <h2>我承诺</h2>
        <ul>
            <li>年满18岁，单身</li>
            <li>保证严肃的态度</li>
            <li>真诚寻找另一半</li>
        </ul>
        <input type="checkbox">我同意所有条款<br><br>

        <input type="submit" value="免费注册">
        <input type="reset">

    </form>

</body>

</html>