HTML注册表 #案例

最新推荐文章于 2024-07-24 17:02:26 发布
最新推荐文章于 2024-07-24 17:02:26 发布
阅读量691 收藏 8
点赞数 1
分类专栏： 笔记 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45871207/article/details/106126296
版权
HTML注册表 #案例

效果图：
在这里插入图片描述
源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>

    <style>
        body{
            background:aqua;
        }
        .rg_main{
            width: 900px;
            height: 500px;
            border: 1px solid red;
            background: white;
            border: 8px solid #EEEEEE;
            /*让div水平居中*/
            margin: auto;
        }
        .rg_left{
            width: 200px;
            height: 200px;
            /*border: 1px solid red;*/
            float: left;
        }
        .left_t1{
            font-size: 20px;
            color: #e8ff5c;
            margin: 10px;
        }
        .left_t2{
            font-size: 22px;
            color:#EEEEEE;
            margin: 10px;
        }
        .rg_right{
            width: 200px;
            height: 200px;
           /* border:1px solid red;*/
            float: right;
        }
        .right_t1{
            margin: 20px;
        }
        .rg_cen{
            width: 380px;
            /*border: 1px solid red;*/
            float: left;
            margin: 50px;
        }
        .td_left{
            width: 100px;
            text-align: right;
            height: 35px;
        }
        .td_right{
            padding-left: 40px;
        }
        #username,#birthday,#password,#email,#tel,#name,#yanzhengma{
            width:200px;
            height: 25px;
            border: 1px solid #A6A6A6;
           /* 设置边角*/
            border-radius: 5px;
            padding-left: 10px;
        }
        #yanzhengma{
            width: 120px;
        }

        #btn_sub{
            width: 120px;
            height: 40px;
            background-color:yellow ;
            border: 1px solid yellow;
        }

    </style>
</head>
<body>
    <div class="rg_main">
        <div class="rg_left">
            <div class="left_t1">新用户注册</div>
            <div class="left_t2">USER REGISTER</div>
        </div>
        <div class="rg_cen">
            <form action="#" method="post">
                <table cellpadding="3" align="center" width="350">
                    <tr>
                        <td align="center" class="td_left"><label for="username">用户名</label></td>
                        <td class="td_right"><input type="text" name="username" placeholder="请输入账号" id="username"></td>
                    </tr>
                    <tr>
                        <td align="center" class="td_left"><label for="password">密码</label></td>
                        <td class="td_right"><input type="password" name="password" placeholder="请输入密码" id="password"></td>
                    </tr>
                    <tr>
                        <td align="center" class="td_left"><label for="email">Email</label></td>
                        <td class="td_right"><input type="email" name="email" placeholder="请输入邮箱" id="email"></td>
                    </tr>
                    <tr>
                        <td align="center" class="td_left"><label for="name">姓名</label></td>
                        <td class="td_right"><input type="text" name="name" placeholder="请输入姓名" id="name"> </td>
                    </tr>
                    <tr>
                        <td align="center" class="td_left"><label for="tel">手机号</label></td>
                        <td class="td_right"><input type="tel" name="tel" placeholder="请输入手机号" id="tel"></td>
                    </tr>
                    <tr>
                        <td align="center"class="td_left">性别</td>
                        <td class="td_right">男<input type="radio" name="ardio">女<input type="radio" name="ardio"></td>
                    </tr>
                    <tr>
                        <td align="center" class="td_left"><label for="birthday">出生年月</label></td>
                        <td class="td_right"><input type="date" name="data" id="birthday"></td>
                    </tr>
                    <tr>
                        <td align="center"class="td_left">验证码</td>
                        <td class="td_right"><input type="text" name="yanzhengma" id="yanzhengma"> <img src="#"></td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center" >
                            <input type="submit" value="注册" id="btn_sub">
                        </td>
                    </tr>
                </table>
            </form>
        </div>
        <div class="rg_right">
            <div class="right_t1">已有账号？<a href="#">立即登录</a> </div>
        </div>
    </div>
</body>
</html>
精神绅士。
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用Process Monitor探测Windows系统高DPI缩放设置的注册表项
dvlinker的技术专栏
05-09 1万+
使用Process Monitor探测Windows系统高DPI缩放设置的注册表项
html注册表
weixin_30276935的博客
09-15 1026
这是第一次使用html写一个简单的注册表（有不对的地方希望大家可以帮我指出来谢谢
黑马程序员html注册表案例
qq_57490681的博客
01-20 327
刚学html 给自己的学习留个底吧 沙发坐久了还能有个屁股印呢。
HTML案例（一）---注册表
qq_46150052的博客
10-24 452
这是一个仿世纪佳缘做的注册表，只使用了HTML中的form表单<table></table>``<select></select>等表单控件。效果图如下： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vN6jPDLc-1635007819909)(HTML+CSS案例.assets/image-20211024002406756.png)] <!DOCTYPE html> <html lang="en"&gt
网站建设之HTML中用表单和表格嵌套实现会员注册表
m0_46610947的博客
09-28 1279
效果图： 代码： <html> <head> <title>注册页面</title> </head> <body> <form name="register" action="url" method="get"> <table border="2" align="center" cellpadding="5" cellspacing="0"> <caption><h2>填写注册信
1.HTML案例—注册界面（不含CSS）
Cap07博客
01-29 111
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>综合.
form表单案例---注册表
A_light_sun的博客
10-12 470
注册表案例练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title_注册表</title> </head> <body> <form action="" method="po...
简单的注册表代码记录
GUIDM的博客
09-07 407
代码记录
html的第二天
weixin_45775557的博客
02-22 72
注册表实例 <h4>青春不常在，抓紧谈恋爱</h4> <form action="xxx.html"> <table width="600" border="0" cellpadding="0" cellspacing="0" \> <!--第一行--> <tr> <td>姓名：</td> <td>&lt
计算机软件-编程源码-HTML页面修改注册表解密(CHM).zip
05-23
7. 应用场景示例：可能包含一些实际的项目案例，展示如何在HTML页面中集成注册表操作，例如保存用户设置或实现自定义功能。 这个CHM文件将引导你逐步了解如何结合HTML和注册表操作，从而增强你的编程技能，特别是在...
注册表使用大全（html版）
08-02
《注册表使用大全（html版）》正是这样一份详尽的指南，适合Windows用户学习和参考。 在Windows系统中，注册表编辑器（Regedit）是访问和管理注册表的主要工具。通过运行“regedit”命令，用户可以打开这个功能强大...
HTML页面修改注册表解密(CHM)
08-27
7. **实例分析**：书中很可能包含一系列实际案例，指导读者如何应用所学知识解决具体问题，例如修复注册表错误、优化系统设置等。 8. **故障排查与最佳实践**：提供了解决注册表相关问题的策略，以及在修改注册表时...
注册表实用手册
05-20
10. **案例分析**：通过实际例子展示注册表在解决具体问题中的应用，帮助读者更好地理解和应用所学知识。 总之，《注册表实用手册》是一本全面介绍和指导用户如何有效管理和利用注册表的实用指南，对于想要提升电脑...
注册表攻略专题大全(chm)
05-20
其次，《注册表修改实例》则提供了一手的实际操作经验，通过具体案例分析，让用户了解在何种情况下需要修改注册表，以及如何安全地进行修改。这将帮助用户掌握实战技巧，避免盲目操作带来的风险。 《注册表实用手册...
【HTML — 构建网络】HTML 中的元数据
07-24 914
这在很多方面都很有用。如果设置了 HTML 文档的语言（例如，允许其在特定语言的结果中正确显示），则搜索引擎将更有效地索引您的 HTML 文档，并且它对使用屏幕阅读器的视觉障碍者很有用（例如，“六”一词在法语和英语中都存在，但发音不同。的链接（如果您选择使用 CSS 设置HTML内容的样式）、指向自定义图标的链接以及其他元数据（有关HTML的数据，例如作者和描述文档的重要关键字）。指定包含与您的页面内容相关的关键字的描述很有用，因为它有可能使您的页面在搜索引擎执行的相关搜索中显示得更高（此类活动称为。
基于 HTML+ECharts 实现监控平台数据可视化大屏（含源码）
柯晓楠
07-24 1200
我们实现了一个基于 HTML 和 ECharts 的监控平台数据可视化大屏。这个大屏不仅能够直观地展示监控数据，还能通过交互功能提升用户体验。希望本文能对你在实现类似项目时提供一些帮助和启发。
Web前端：HTML篇（一）
sjb2274540432的博客
07-22 871
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
基于 HTML+ECharts 实现智慧景区数据可视化大屏（含源码）
最新发布
柯晓楠
07-24 1321
随着旅游业的蓬勃发展，智慧景区的概念逐渐深入人心。通过数据可视化，景区管理者可以实时监控游客流量、设施使用情况以及环境状况，从而提升游客体验和管理效率。本文将详细介绍如何利用 HTML 和 ECharts 实现一个功能丰富的智慧景区数据可视化大屏。
tmooc html注册表
11-12
很抱歉，我没有找到“tmooc html注册表”的相关信息。不过，我可以为您介绍HTML表单的相关知识，希望能对您有所帮助。 HTML表单是一种用于收集用户输入数据的标准方法。表单通常包含输入字段、单选框、复选框、提交按钮等元素。用户可以在表单中输入数据并将其提交到服务器进行处理。以下是一个简单的HTML表单示例： ```html <form action="/submit-form" method="post"> <label for="name">Name:</label> <input type="text" id="name" name="name"><br><br> <label for="email">Email:</label> <input type="email" id="email" name="email"><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password"><br><br> <input type="submit" value="Submit"> </form> ``` 在上面的示例中，`<form>`元素定义了一个表单，`action`属性指定了表单提交的URL地址，`method`属性指定了提交方式（可以是GET或POST）。表单中包含了三个输入字段（姓名、电子邮件和密码），每个字段都有一个`<label>`元素和一个`<input>`元素。`<input>`元素的`type`属性指定了输入字段的类型，例如`text`表示文本输入字段，`email`表示电子邮件输入字段，`password`表示密码输入字段。最后，表单中还包含了一个提交按钮，用户点击该按钮后表单数据将被提交到服务器进行处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值