HTML实例 注册页面

最新推荐文章于 2024-04-07 09:44:00 发布
最新推荐文章于 2024-04-07 09:44:00 发布
阅读量533 收藏 2
点赞数
分类专栏： 入门学习 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yogur_father/article/details/109299676
版权 
<!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>
    <!-- 标语 -->
    <h4>恋爱不积极 思想有问题</h4>

    <!-- 表格划分区域 -->
    <table width = "500">
        <!-- 第一行 -->
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="sex" id="man"> <label for="man">男</label>
                <input type="radio" name="sex" id="woman"> <label for="woman">女</label>
            </td>
        </tr>

        <!-- 第二行 -->
        <tr>
            <td>生日：</td>
            <td>
                <!-- 年份 -->
                <select>
                    <option>--选择年份--</option>
                    <option>1999</option>
                    <option>2002</option>
                    <option>2003</option>
                </select>
                <!-- 月份 -->
                <select>
                    <option>--选择月份--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
                <!-- 日期 -->
                <select>
                    <option>--选择日期--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
            </td>
        </tr>

        <!-- 第三行 -->
        <tr>
            <td>所在地区：</td>
            <td>
                <input type="text" value="地球">
            </td>
        </tr>

        <!-- 第四行 -->
        <tr>
            <td>婚姻状况：</td>
            <td>
                <input type="radio" name="condition" id="true" checked="checked"> <label for="true">已婚</label>
                <input type="radio" name="condition" id="false"> <label for="false">未婚</label>
                <input type="radio" name="condition" id="dead"> <label for="dead">丧偶</label>
            </td>
        </tr>

        <!-- 第五行 -->
        <tr>
            <td>学历：</td>
            <td>
                <input type="text" value="输入学历">
            </td>
        </tr>

        <!-- 第六行 -->
        <tr>
            <td>喜欢的类型：</td>
            <td>
                <input type="checkbox" name="liketype" id="lt" checked="checked"> <label for="lt">可爱</label>
                <input type="checkbox" name="liketype" id="lt" checked="checked"> <label for="lt">jk</label>
                <input type="checkbox" name="liketype" id="lt"> <label for="lt">御姐</label>
                <input type="checkbox" name="liketype" id="lt"> <label for="lt">ol</label>
            </td>
        </tr>

        <!-- 第七行 -->
        <tr>
            <td>自我介绍：</td>
            <td>
                <textarea>说说自己吧！</textarea>
            </td>
        </tr>

        <!-- 第八行 -->
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>

        <!-- 第九行 -->
        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked">我同意以上条款
            </td>
        </tr>

        <!-- 第十行 -->
        <tr>
            <td></td>
            <td>
                <a href="#">我是会员 点击登陆</a>
            </td>
        </tr>

        <!-- 第十一行 -->
        <tr>
            <td></td>
            <td>
                <ul>
                    <h5>我承诺</h5>
                    <li>年满18岁，是不是单身就不知道了</li>
                    <li>严肃活泼</li>
                    <li>认真来找另一半</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>

在这里插入图片描述

yogur_father
关注
专栏目录
使用html+css+js实现完整的登录注册页面
qq_43580271的博客
08-14 1393
在本教程中，我们创建了一个包含登录和注册功能的基本页面。通过 HTML 定义页面结构，使用 CSS 进行样式设计，并通过 JavaScript 实现页面功能，我们构建了一个功能完备的用户界面。这种基础的设计可以根据需要进一步扩展，例如添加表单验证、与后端 API 集成等。希望这个详细的教程对您有所帮助！如果您有任何问题或建议，请在评论区留言，我们将尽快回复。
HTML 使用表单标签实现注册页面的实例代码
09-22
下面详细介绍HTML使用表单标签实现注册页面的关键知识点。 1. 标签：它是表单的根元素，用来定义一个表单区域。它可以包含输入元素（如单选按钮、复选框、文本输入框等），标签的action属性定义了提交表单时数据...
HTML实现用户注册页面
qq_64314976的博客
07-14 4万+
HTML实现用户注册页面
HTML实现简单的注册页面
oiadkt的博客
03-07 6322
使用HTML实现一个简单的注册页面
html简单编写一个注册界面
WSY444的博客
12-03 2613
HTML注册
HTML实现页面注册
小蜗牛的珍贵百宝箱
02-01 4万+
网页版，注册页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> <!-- 引入格式文件--> <link rel="stylesheet" href="html&css.css"> </head> <body> <sty
用html+css制作简单好看的登陆注册界面
热门推荐
小袁同学的博客
07-19 6万+
注重版权，转载请注明原作者和原文链接 作者：Bald programmer 先看看效果图 login.html代码 <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> </head> <style> body{ .
JS一个简单的注册页面实例
10-19
通过以上分析可以看出，这个简单的注册页面实例不仅展示了如何使用HTML和JavaScript构建用户界面，还演示了如何通过正则表达式实现对用户输入的有效性验证。这对于初学者来说是一个很好的学习案例，可以帮助他们理解...
html注册登录页面精简版.zip
01-25
HTML是HyperText Markup Language的缩写，是一种用于创建网页的标准标记语言。...通过这个简单的实例，你可以加深对HTML表单、输入类型、事件处理等基础知识的理解，为进一步学习前端开发打下基础。
JavaScript 完成注册页面表单校验的实例
10-19
本实例主要介绍如何使用JavaScript来完成一个注册页面的表单校验。 首先，我们需要了解表单验证的基本流程： 1. **确定事件(onsubmit)**: 在HTML的标签中，我们可以设置`onsubmit`事件监听器，当用户尝试提交表单...
html写一个登录注册页面
最新发布
liulang68的博客
04-07 1万+
【代码】html写一个登录注册页面。
【Java 进阶篇】创建 HTML 注册页面
繁依Fanyi的博客
10-09 1957
通过本博客，我们学习了如何创建一个简单的HTML注册页面，包括表单元素、标签、输入字段和提交按钮。我们还了解了一些用于验证用户提交数据的常见技巧和最佳实践。最后，我们强调了表单处理后的成功页面和错误处理的重要性，以提供良好的用户体验。创建注册页面是HTML表单的基础，这个例子可以扩展到更复杂的表单和应用中，以满足不同的需求。希望这个博客对于初学者能够提供有关HTML表单的清晰概念和起点。
HTML实现简单注册登录页面
m0_57714421的博客
12-21 1万+
HTML实现注册登录
HTML网页设计基础——用户注册界面
m0_64365419的博客
11-05 1万+
定义表格---->将网页中的表单元素根据上图所示放入不同的行和列中。代码如下： 该实例包含的行和单元格的个数比较多，在书写代码的时候注意不要漏写，可以使用空格隔开，以便于检查。表格后几行的第一个单元格是没有内容的，虽然没有内容，但是还是需要定义空格单元格，这样才能保证和要求的表格一致。
登录，注册HTML页面，详细过程
qq_49119412的博客
07-09 8729
登录和注册切换按钮，当点击登录按钮时，显示登录表单，当点击注册按钮时，显示注册表单。每个表单都有对应的 JavaScript 校验函数，校验用户名、邮箱和密码是否为空，如果为空，会弹出警告框。
HTML写一个简单的登录注册界面
weixin_62854251的博客
10-30 7440
HTML5登录注册页面简单且详细的教程，内附源码。
【HTML练习】登录注册界面模板1
coding加油站
08-04 9848
登录注册界面
HTML实现简单注册页面
ccccxcxxxxx的博客
04-07 7191
HTML&&CSS实现简单注册页面
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值