HTML5登录界面Demo
HTML5 的登录界面 Demo，属于那种挺适合新手也挺方便老手借鉴的项目。用的是纯 HTML5+CSS3+JavaScript 组合，结构简单，功能清晰。你能看到像required、type="email"这种表单增强用法，客户端验证也有，体验上比传统写法好太多了。
本地存储的localStorage和sessionStorage也安排上了，能记住用户状态，做个自动登录之类的功能一点都不难。而且还用了点响应式设计的思路，界面在手机上看也没问题。
文件结构也不复杂，html5_login目录里就是基本的页面、样式和 JS 代码，直接打开index.html就能看效果。代码挺干净，注释也够用，稍微改一改就能集成进自己项目。
想搞点美化效果的话，可以加个canvas动效背景，或者用SVG画点图标，提升一下 UI 感觉也挺方便的。如果你还没怎么玩过 HTML5 的表单验证，推荐看看这个 表单验证教程，配合这个 Demo 事半功倍。
，要是你正好在搭建登录页面，又不想从头撸，不妨试试这个 Demo，跑一遍理解 HTML5 几个关键用法，还挺值的。
文件大小：2.08MB
评论区