小米登录页面html代码
时间: 2023-11-04 08:07:01 浏览: 56
小米登录页面的HTML代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小米账号 - 登录</title>
<link rel="stylesheet" href="https://s01.mifile.cn/css/base.min.css?v2018d13" />
<link rel="stylesheet" href="https://s01.mifile.cn/css/account/login.min.css?v2018d13" />
</head>
<body>
<div class="site-topbar">
<div class="container">
<div class="topbar-nav">
<a href="#">小米商城</a>
<span class="sep">|</span>
<a href="#">MIUI</a>
<span class="sep">|</span>
<a href="#">IoT</a>
<span class="sep">|</span>
<a href="#">云服务</a>
<span class="sep">|</span>
<a href="#">金融</a>
<span class="sep">|</span>
<a href="#">有品</a>
<span class="sep">|</span>
<a href="#">小爱开放平台</a>
</div>
<div class="topbar-cart">
<a href="#">
<i class="iconfont"></i>购物车
<span class="cart-num">0</span>
</a>
</div>
<div class="topbar-info">
<ul class="unlogin">
<li class="message"><a href="#">消息通知</a></li>
<li class="sep">|</li>
<li><a href="#">登录</a></li>
<li class="sep">|</li>
<li><a href="#">注册</a></li>
</ul>
<ul class="login">
<li class="user"><a href="#">CSDN</a></li>
<li class="sep">|</li>
<li><a href="#">消息通知</a></li>
<li class="sep">|</li>
<li><a href="#">退出登录</a></li>
</ul>
</div>
</div>
</div>
<div class="site-header">
<div class="container">
<a href="#" class="logo"><img src="https://s01.mifile.cn/i/logo-footer.png" alt="小米官网"></a>
<div class="header-nav">
<ul>
<li><a href="#">手机</a></li>
<li><a href="#">电视</a></li>
<li><a href="#">笔记本</a></li>
<li><a href="#">家电</a></li>
<li><a href="#">路由器</a></li>
<li><a href="#">智能硬件</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">社区</a></li>
</ul>
</div>
</div>
</div>
<div class="site-content">
<div class="container">
<div class="login-section">
<div class="login-logo"><img src="https://s01.mifile.cn/i/logo.png" alt="小米账号"></div>
<div class="login-form">
<form action="#" method="post">
<div class="form-item">
<label for="username">用户名/邮箱/手机号码</label>
<input type="text" id="username" name="username" placeholder="请输入用户名/邮箱/手机号码">
</div>
<div class="form-item">
<label for="password">密码</label>
<input type="password" id="password" name="password" placeholder="请输入密码">
</div>
<div class="form-item">
<label for="captcha">验证码</label>
<input type="text" id="captcha" name="captcha" placeholder="请输入验证码">
<img src="#" alt="验证码">
</div>
<div class="form-item">
<button type="submit">登录</button>
</div>
</form>
</div>
<div class="login-links">
<a href="#">忘记密码?</a>
<a href="#">立即注册</a>
</div>
</div>
</div>
</div>
<div class="site-footer">
<div class="container">
<div class="footer-nav">
<ul>
<li><a href="#">关于小米</a></li>
<li><a href="#">投资者关系</a></li>
<li><a href="#">企业社会责任</a></li>
<li><a href="#">法律声明</a></li>
<li><a href="#">招聘信息</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</div>
<div class="footer-info">
<p>小米公司版权所有-京ICP备10046444-<a href="#">京公网安备11010802020134号</a>-京ICP证110507号</p>
</div>
</div>
</div>
</body>
</html>
```