一、前言

对于华为账号登录是自学时做的一个作品，想要学习的小伙伴，可以借鉴的，下面我会展示效果图和部分代码。这个页面相对的简单，页面元素较少，对于初学者可以自己尝试一下！

（注：此次做了华为的一系列网页，可以前往我的主页进行查看）

二、效果成品图

三、代码展示（为HTML代码，CSS代码在下方链接，需要自取）

<!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><link rel="stylesheet" href="../css/work.css">
</head><body><div><div class="head1"><div class="head1_1" style="margin: 0 auto;"><img src="../imgs/logo.png" alt=""><span id="head1_i1">|</span><span>华为商城</span></div></div><!-- 头部 --><div class="header" style="margin: 0 auto;"><div class="i1">华为帐号登录</div><div class="i2"><span class="left"><div class="le1"><img src="../imgs/erweima.png" alt=""></div><p>若您使用华为手机，请前往“设置”>“华为帐号”扫码登录。</p></span><span class="mid"></span><span class="right"><input type="text" class="in1" placeholder="手机号/邮件地址/账号名"><input type="password" class="in1" style="margin-bottom: 10px;" placeholder="密码"><p class="rip">短信验证码登录</p><div class="ridiv">登录</div><div class="ridiv1"><span style="margin-left: 85px;">注册</span><span style="color: #e5e5e5;">|</span><span>忘记密码</span><span style="color: #e5e5e5;">|</span><span>遇到问题</span></div><div class="ridiv2"><img src="../imgs/qq.png" alt=""><img src="../imgs/zhifubao.png" alt=""><img src="../imgs/weixin.png" alt=""></div></span></div></div><!-- 中间 --><div style="background-color: #f5f5f5;width:100%;"><div class="container"><div class="contain"><p class="en1"><a href="">华为账号用户协议</a><span>|</span><a href="">关于华为账号与隐私的声明</a><span>|</span><a href="">常见问题</a><span>|</span><a href="">Cookies</a></p><p class="en2">华为帐号 版权所有 2011-2023</p></div></div></div></div>
</body></html>

四、总结

这篇文章只有一个页面，虽然内容不太丰富，但是麻雀虽小，五脏俱全。

加油！坚持就是胜利，明天一定更美好！

五、源码+图片素材

链接：https://pan.baidu.com/s/1OYJyoSAg5owH86XD4VisPQ?pwd=ojbk
提取码：ojbk

HTML5+CSS3实现华为账号登录相关推荐

华为账号登录的手游如何在雷电(MuMu等)模拟器上登录游戏（以三国杀为例）
自己使用的是华为手机 ,通过华为应用市场下载了三国杀,后来想在电脑上使用模拟器玩三国杀,下载下来发现没有华为账号登录的途径,后来在模拟器上下载了华为应用市场解决了.方法如下: 1.下载模拟器. 2.下 ...
HarmonyOS应用开发JSAPI—js获取华为账号登录
前置: Api:6 语言:js开发添加编译依赖参考地址: 文档中心需要权限: ohos.permission.INTERNET 开始: 1.创建项目: 2.示例代码 test.hml <di ...
【AGC】通过AGC认证服务在Android平台实现华为账号登录功能
简介 AppGallery Connect认证服务提供了云侧服务和SDK,可以帮助开发者为应用快速构建安全可靠的用户认证系统,以便应用可以对用户进行身份认证.AppGallery Connect认证服 ...
Android项目中集成华为账号登录、支付
最近项目中集成了华为账号登录与支付的功能,把踩过的坑和过程记录下来. 先看下支付效果图: 支付价格0.01请忽略,因为这是为了测试用的. 刚开始接到这个项目的时候我很奇怪,为什么要集成华为支付呢,原有 ...
html字段隐藏,HTML5+CSS3实现超酷登录窗口(自动隐藏默认文本及判断必填字段)
内容介绍热点排行相关文章下载地址↓ 效果非常不错的登录窗口,输入框获取焦点后会自动隐藏默认文本,如果为空会提示必填字段 ,经测试,效果相当不错,感兴趣的朋友可以参考下哈在网页head区添加以下代码 ...
华为游戏中心登录无法连接服务器,如何电脑登陆华为账号登录不了游戏
我是用华为帐号自动登录游戏为什么直接输入华为帐号确登不上? 根据你的描述,建议你: 1.可能你手机或者电脑运行问题.可重新启动手机胡或者电脑. 2.可能是内存不够接收不到新的信息.可用软件清理一下垃圾 ...
android切换账号登录界面,华为游戏切换安卓账号登陆界面
华为手机如何切换游戏账号? 换华为手机账号的方法是点击设置中的华为账号,退出当前账号后再输入新的账号即可,具体操作步骤如下: 1.点击主菜单页面的"设置" 2.点击列表中的&quo ...
HTML5+CSS3+JQuery小实例：简单又令人惊艳的hover效果登录界面
今天给大家带来一个小案例,HTML5+CSS3+JQuery实现简单又令人惊艳的hover效果登录界面. 先看效果: 源代码: <div class="container"& ...
华为游戏小程序快应用账号登录6004报错集合
华为小程序快应用问题账号登录6004 总结常见的code码华为技术的答复转载请标明出处: https://dujinyang.blog.csdn.net/ 本文出自:[奥特曼超人的博客] 总结常见 ...

HTML5+CSS3实现华为账号登录