【每日一练】小兔鲜项目-04

最新推荐文章于 2023-12-07 11:13:13 发布

谢豪杰

最新推荐文章于 2023-12-07 11:13:13 发布

阅读量840

点赞数 1

分类专栏：每日一练文章标签： api javascript 前端

本文链接：https://blog.csdn.net/qq_46580087/article/details/123316023

版权

本文介绍小兔鲜项目的登录页实现，包括结构部分和交互行为。主要涉及点击登录按钮后的操作，如阻止默认跳转，检查用户名和密码长度至少为6位，验证是否同意条款，实现免登录功能（存储信息到localStorage），以及成功后跳转至首页的逻辑。

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

小兔鲜项目登录页：

结构部分：

 <!-- 登录头部 -->
  <div class="xtx-login-header">
    <h1 class="logo"></h1>
    <a class="home" href="./index.html">进入网站首页</a>
  </div>
  <!-- 登录内容 -->
  <div class="xtx-login-main">
    <div class="wrapper">
      <form action="">
        <div class="box">
          <div class="tab-nav">
            <a href="javascript:;" class="active">账户登录</a>
            <a href="javascript:;">二维码登录</a>
          </div>
          <div class="tab-pane">
            <div class="link