AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

前端 --- 练手用的登录注册界面

2023-02-23 158
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 前端 --- 练手用的登录注册界面

今天心情好，想搞点前端的活，因为比较菜，就花一天时间写了个简单的登录和注册页面。

效果展示

首先是登录界面

接着是注册界面

可以看出来，两个界面我用的是同一个css模板，这样减少了代码量。

两个界面之间的跳转是由js代码控制，通过点击下方去注册或是去登记来完成跳转。

如果你觉的背景图片不错，可以去我的仓库中下载。

下载代码

代码已经开源，下载请去仓库

gitee仓库地址


文章标签：
JavaScript
前端开发
关键词：
前端界面
前端登录
前端注册
前端登录界面
前端注册界面
吕元龙的小屋
目录
相关文章
广州爱奇迪
|
19天前
|
开发框架 前端开发 JavaScript
基于SqlSugar的开发框架循序渐进介绍（18）-- 基于代码生成工具Database2Sharp，快速生成Vue3+TypeScript的前端界面和Winform端界面
基于SqlSugar的开发框架循序渐进介绍（18）-- 基于代码生成工具Database2Sharp，快速生成Vue3+TypeScript的前端界面和Winform端界面
广州爱奇迪
46 2
广州爱奇迪
|
19天前
|
开发框架 前端开发 JavaScript
基于SqlSugar的开发框架循序渐进介绍（15）-- 整合代码生成工具进行前端界面的生成
基于SqlSugar的开发框架循序渐进介绍（15）-- 整合代码生成工具进行前端界面的生成
广州爱奇迪
31 2
广州爱奇迪
|
21天前
|
存储 开发框架 前端开发
循序渐进VUE+Element 前端应用开发(31）--- 系统的日志管理，包括登录日志、接口访问日志、实体变化历史日志
循序渐进VUE+Element 前端应用开发(31）--- 系统的日志管理，包括登录日志、接口访问日志、实体变化历史日志
广州爱奇迪
36 2
广州爱奇迪
|
21天前
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(24）--- 修改密码的前端界面和ABP后端设置处理
循序渐进VUE+Element 前端应用开发(24）--- 修改密码的前端界面和ABP后端设置处理
广州爱奇迪
29 1
东方睿赢
|
8天前
|
前端开发 JavaScript 开发者
天崩地裂！现代前端框架激烈交锋，高效响应式 Web 界面的归属扑朔迷离！
【8月更文挑战第12天】本文通过实际案例对比了主流前端框架：Vue.js 以其简洁语法和组件化脱颖而出；React 依托虚拟DOM确保高效的界面更新；Angular 则以强大的模块系统适用于企业级应用。三者虽殊途同归，但在实现相同功能时各具特色，为高效响应式Web界面的构建提供了多样选择。
东方睿赢
18 0
广州爱奇迪
|
20天前
|
开发框架 JavaScript 前端开发
在Vue前端界面中，几种数据表格的展示处理，以及表格编辑录入处理操作。
在Vue前端界面中，几种数据表格的展示处理，以及表格编辑录入处理操作。
广州爱奇迪
17 0
广州爱奇迪
|
21天前
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(26）--- 各种界面组件的使用（2）
循序渐进VUE+Element 前端应用开发(26）--- 各种界面组件的使用（2）
广州爱奇迪
31 0
广州爱奇迪
|
21天前
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(22）--- 简化main.js处理代码，抽取过滤器、全局界面函数、组件注册等处理逻辑到不同的文件中
循序渐进VUE+Element 前端应用开发(22）--- 简化main.js处理代码，抽取过滤器、全局界面函数、组件注册等处理逻辑到不同的文件中
广州爱奇迪
17 0
孙飞i
|
7天前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
孙飞i
11 0
艾尼麻麻
|
2月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
艾尼麻麻
55 2

热门文章

最新文章

  • 1
    前端JS H5 touch事件封装,更加高效的开发移动端 - 戴向天
  • 2
    web前端css定位position和起浮float
  • 3
    从破解某设计网站谈前端水印(详细教程)
  • 4
    前端学习笔记（7）css选择器（一）
  • 5
    移动前端框架重构几个关键问题
  • 6
    好程序员web前端培训分享FormData 简单介绍
  • 7
    优秀的WEB前端开发框架：Bootstrap！
  • 8
    【初探移动前端开发03】jQuery Mobile（上）
  • 9
    前端祖传三件套JavaScript的最基础之语句
  • 10
    前端工作总结147-custom组件
  • 1
    【专栏：HTML与CSS前端技术趋势篇】HTML与CSS在PWA（Progressive Web Apps）中的应用
    68
  • 2
    【专栏：HTML与CSS前端技术趋势篇】前端框架（React/Vue/Angular）与HTML/CSS的结合使用
    70
  • 3
    【专栏：HTML 与 CSS 前端技术趋势篇】Web 性能优化：CSS 与 HTML 的未来趋势
    57
  • 4
    【专栏：HTML与CSS前端技术趋势篇】渐进式增强与优雅降级在前端开发中的实践
    71
  • 5
    【专栏：HTML与CSS前端技术趋势篇】网页设计中的CSS Grid与Flexbox之争
    59
  • 6
    【专栏：HTML 与 CSS 前端技术趋势篇】HTML 与 CSS 在 Web 组件化中的应用
    56
  • 7
    【专栏：工具与技巧篇】版本控制与Git在前端开发中的应用
    56
  • 8
    前端axios传参总结
    89
  • 9
    【TypeScript技术专栏】TypeScript在微前端架构中的应用
    40
  • 10
    前端开发新趋势：WebAssembly探索
    30

    • 相关课程

    更多
  • 网站性能前端监控课程
  • 移动Web前端开发
  • Ajax 前端开发入门与实战
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 阿里文娱大前端技术实践
  • 前端代码是怎样智能生成的

    • 相关实验场景

    更多
  • 搭建微信小程序
  • 前端开发基础3：CSS3常见显示属性
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础2：VS Code和Edge的联动开发
  • 前端开发基础1：前端开发环境的安装和配置
  • 收银台的场景化界面实践
    • 下一篇
    通义千问API入门教程