【前端基础项目练习】项目四:登录表单界面【html5+CSS3+JS】

38 阅读1分钟

功能说明

  • 使用 <input> 表单控件收集邮箱和密码,配合 requiredminlength 简单验证
  • 利用伪类 :valid:invalid 通过边框颜色反馈输入合法性
  • 玻璃拟态效果用 backdrop-filter + 透明背景实现
  • 按钮添加平滑的渐变色和 hover 动画
  • novalidate 是为了关闭浏览器默认提示,我们只用样式做视觉反馈
  • 用 JS 添加表单提交验证和提示
  • 发送模拟请求(fetch 模拟登录)
  • 实现登录后跳转页面、实际调用 API 接口(node)

完整项目代码:github.com/llddmwml/my…