h5 淘宝web登录注册1:1还原响应式页面源码

最新推荐文章于 2024-05-14 23:02:02 发布

谁都不许动我的砖

最新推荐文章于 2024-05-14 23:02:02 发布

阅读量4k

点赞数 4

分类专栏：前端页面文章标签： html css js layui

本文链接：https://blog.csdn.net/qq_41966009/article/details/113823698

版权

可算把淘宝web版本的登录注册页面 1:1的复制过来了，废话不多说，直接开分享源码。本次源码仅有html和css，js写在html文件里面，请自行修改，F12控制台可以看到每个功能按钮对应的函数login.html(同时包含注册和登录模块，别问我为什么，怎么实现的，就是这么骚)<!DOCTYPE html><html lang="en"><head> <title>登录</title> <meta charset="

摘要由CSDN通过智能技术生成

可算把淘宝web版本的登录注册页面 1:1的复制过来了，效果图如下

1.账号密码登录
在这里插入图片描述

2.短信验证码登录
在这里插入图片描述
3.账号注册

废话不多说，直接开分享源码。
本次源码仅有html和css，js写在html文件里面，请自行修改，F12控制台可以看到每个功能按钮对应的函数

<!DOCTYPE html>
<html lang="en">
<head>
    <title>登录</title>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../layui/css/layui.css"/>
    <link rel="stylesheet" href="../style/css/login.css"/>
</head>
<body>

<!--登录模块-->
<div class="layui-fluid loginpart">
    <div class="layui-row">
        <div class="login-icon">
            <img src="../img/login.PNG" style="width: 80px;height: 80px;" alt="">
        </div>
    </div>
    <div class="layui-row">
        <div class="login-part">
<!--            账号密码登录-->
            <form id="login-form-usernamepwd" class="login-form login-form-usernamepwd" style="display: block">
                <div class="input-loginid">
                    <input type="text" placeholder="请输入手机号" id="login-form-id" class="login-input">
                </div>

                <div class="input-loginid">
                    <input type="password&

最低0.47元/天解锁文章

谁都不许动我的砖

关注

4
点赞
踩
39

收藏

觉得还不错? 一键收藏
3
评论
h5 淘宝web登录注册1:1还原响应式页面源码

可算把淘宝web版本的登录注册页面 1:1的复制过来了，废话不多说，直接开分享源码。本次源码仅有html和css，js写在html文件里面，请自行修改，F12控制台可以看到每个功能按钮对应的函数login.html(同时包含注册和登录模块，别问我为什么，怎么实现的，就是这么骚)<!DOCTYPE html><html lang="en"><head> <title>登录</title> <meta charset="
复制链接

扫一扫