HTML注册页面

最新推荐文章于 2024-09-09 22:16:15 发布
最新推荐文章于 2024-09-09 22:16:15 发布
阅读量2.3k 收藏 22
点赞数 4
文章标签： html js css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46705393/article/details/117786082
版权
本文展示了如何使用HTML、CSS和JavaScript创建一个具有邮箱验证、用户名验证、密码验证和确认密码功能的注册页面。页面分为左右两部分，左边是注册表单，右边是登录提示。当用户点击注册按钮时，信息会被保存到localStorage中，并重定向到登录页面。
摘要由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>注册页面</title>

    <style>

        body{

            margin: 0;

            padding: 0;

            text-align: center;

            background: url("image/bg.jpg");

            background-size:cover;

        }

        #c{

            margin:auto;

            margin-top: 70px;

            width: 1000px;

            height: 600px;

        }

        #left{

            width: 700px;

            height: 600px;

            background: rgb(255, 255, 255,0.5);

            float: left;

            border-radius: 20px;

        }

        #right{

            width: 300px;

            height: 600px;

            background-color: #9297be;

            float: left;

            border-radius: 20px;

        }

        input{

            width: 270px;

            border-top-style:hidden;

            border-right-style:hidden;

            border-left-style:hidden;

            background:none;

            margin: 0;

            text-align: center;

        }

        p{

  

最低0.47元/天 解锁文章
kikiiiiiil
关注
  • 4
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一个简单的登录注册页面html代码
weixin_55743273的博客
10-20 5万+
文章目录前言一、效果展示1.登录2.注册二、代码部分1.登录2.注册总结 前言 这一个简单的注册页面代码，适合初学者进行模仿和理解，这个代码仅限于两个页面的跳转，不包括数据处理 一、效果展示 1.登录 2.注册 二、代码部分 1.登录 代码如下（示例）： <style> * { padding: 0; margin: 0; box-sizing: border-box; } ..
带头像的用户注册页面
待到山花烂漫时
07-02 2720
fragment_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layou
css 的rgba属性
a1462746681的博客
11-23 2463
CSS3里目前用的比较广的RGBA属性的高级使用方法。这个属性的兼容问题比较简单，IE8已经支持这个属性，IE6和IE7也可以通过hack支持。RGBA和CSS2里的RBG属性差不多，只是RGBA属性多了一个透明度的定义 【兼容：IE9】 RGBA的强大之处在于，通过对透明度的定义和不同层的颜色混合可以呈现出更多的颜色，就像颜料的混合一样。且不影响子节点 在IE8等古董级浏览器中是不支持的rgba...
前端如何设置背景颜色的透明度 css中的 rgba() 函数详解 ：background-color: rgba(255,192,203,0.3)
宝藏女孩的成长日记
12-14 1万+
目录前言rgba() 函数 详解再分享一个小技巧哈哈哈 前言 今天在开发移动端的时候感觉没背景颜色有点丑，再加上自己做的是蛋糕app，觉得暖色应该会很好看，于是就用了这行代码 background-color: rgba(255,192,203,0.2); 实现的效果如图： 接下来就介绍如何使用css中的 rgba() 函数 rgba() 函数 详解 rgba() 函数使用红®、绿(g)、蓝(b)、透明度(a)的叠加来生成各式各样的颜色。 rgba 即红色、绿色、蓝色、透明度（red, green, b
HTML 实现好看的登录注册界面（一)
News777的博客
07-01 1万+
HTML+CSS实现好看的登录注册界面
HTML——登录、注册页面的跳转
热门推荐
weixin_58811914的博客
06-10 4万+
登录界面显示如下：
HTML注册页面的设计
weighless的博客
04-17 3358
先展示效果图 <!DOCTYPE html> <html lang="zh-CN"> <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">
HTMLRegisterPage：静态HTML注册页面实践
02-18
创建一个HTML注册页面通常涉及以下元素： 1. **基础结构**：HTML页面的开头通常以`<!DOCTYPE html>`声明文档类型，然后是`<html>`标签，它包含了整个页面的结构。接下来是`<head>`部分，用于定义元数据，如页面标题...
HTML.rar_html更改注册表_html注册页面
09-23
在描述的"HTML.rar_html更改注册表_html注册页面"中，我们看到与HTML相关的主题涉及到更改注册表和HTML注册页面。这两个概念在Web开发中具有不同的含义。 首先，让我们理解HTML注册页面。在Web应用程序中，注册页面...
HTML-移动端APP注册登录页面模板
06-08
2. **注册页面**：注册页面允许新用户创建账户，通常需要用户提供邮箱、手机号码、用户名、密码等信息。设计时需考虑表单的布局，确保输入字段清晰易懂，同时提供错误提示，以帮助用户正确填写信息。 3. **登录页面...
登录和注册html页面（简洁美观）
05-25
在这个案例中，我们讨论的是一款简洁而美观的HTML登录和注册页面，可以从17素材网站购买并下载。这样的页面设计通常注重用户体验，以吸引并方便用户进行操作。 HTML（HyperText Markup Language）是构建网页的标准...
html动态登录注册页面
03-05
html vue 好看的登录注册页面 左右动态滑动，输入参数校验，多种类型账号注册，验证码按钮倒计时60s。开箱即用，直接无缝衔接到自己项目里 技术栈：HTML、Vue.js、CSS 压缩包包含文件：html文件、css文件、img图片...
HTML登录界面
weixin_46705393的博客
06-09 579
效果： 代码： <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> ...
AWTK HTML View 控件更新
国产开源 GUI 引擎 AWTK
09-07 600
AWTK HTML View 控件基于 [Lite HTML](https://github.com/litehtml/litehtml) 实现，从最初的版本开始，3 年多过去了，Lite HTML 做了大量的更新，最近抽空将 AWTK HTML View 控件适配到最新版本的 Lite HTML，欢迎大家使用。
HTML：从历史演进到未来创新的网页基石
生活的真谛从来都不在别处 就在日常一点一滴的奋斗里
09-07 1311
HTML 自诞生以来，经历了多个重要阶段的发展。从最初的简单文本格式化和链接功能，逐步演变为如今功能强大、特性丰富的网页构建语言。在发展历程方面，HTML 起源于科学家对信息共享的需求，从早期的 HTML 1.0、HTML 2.0 到后来的 HTML 3.2、HTML 4.0，再到如今广泛应用的 HTML5，每一次版本升级都带来了新的功能和特性。W3C 在 HTML 规范的维护中起到了关键作用，不断推动着 HTML 技术的进步。
HTML 揭秘：HTML 编码快速入门
最新发布
m0_53117341的博客
09-09 711
HTML 揭秘：HTML 编码快速入门一 . 前端知识介绍二 . HTML 介绍三 . HTML 快速入门四 . HTML 编辑器 - VSCode4.1 插件安装4.2 修改主题配色4.3 修改快捷键4.4 设置自动保存4.5 创建 HTML 文件4.5 书写 HTML 代码4.6 常见快捷键五 . 基础标签5.1 字体标签5.1.1 color 属性5.1.2 size 属性5.1.3 face 属性5.2 i 标签、b 标签5.3 hr 标签5.4 br 标签5.5 center 标签5.6 练习5.
How can I load the openai api configuration through js in html?
suiusoar
09-07 561
怎样在HTML中通过JavaScript加载OpenAI API配置
音乐播放器javaweb项目近日总结，用js，css，HTML，servlet，mybatis来写注册登录忘记密码（还没写好）
2302_80637450的博客
09-03 625
这几天学了js，css，HTML，servlet，mybatis，还有axios，目前axios还没有用到，学的比较慢因为那个servlet，axios我看不懂，可能看懂了然后不会用，之后给我们上了一节课，感觉每一个东西单独拆开好像学过，但是放在一起听的很懵，今天我就到处翻博客反复看了点代码，终于知道了一点前后端交互就赶紧写了点。因为是小白所以写的有些感觉没必要写的比较详细方便自己记忆。
VitePress 文件路由解析：从 Markdown 到 HTML 的映射艺术
软考鸭
09-05 543
VitePress 采用文件路由的方式，将 Markdown 文件的目录结构直接映射为生成的 HTML 页面的 URL 路径。这种设计使得网站的结构清晰易懂，同时也方便了内容的组织和维护。VitePress 的文件路由机制为文档网站的构建提供了一种直观且高效的方式。通过简单地组织和编写 Markdown 文件，你可以快速生成结构清晰、易于导航的静态网站。无论是个人博客、项目文档还是企业官网，VitePress 都是一个值得尝试的选择。
HTML注册页面设计代码
05-20
HTML注册页面设计代码的实现可以分为以下几个步骤： 1. 创建一个 HTML 文件，并在文件头部添加文档类型声明和字符集设置： ```html <!DOCTYPE html> <html> 注册页面 <!-- 注册表单 --> </html> ``` 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值