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