05樊珍用户登录页面 核心知识点

用户登录页面 核心知识点

1. 登录页常用表单控件

2. 普通文本框 type="text"：用于输入账号， placeholder 设置输入提示语

3. 密码框 type="password"：输入内容会自动隐藏为圆点/星号，保护密码隐私

4. 超链接 标签：用于制作跳转文字，例：「前往注册页面」，实现页面跳转功能

5. 两种登录按钮实现方式

6. 基础按钮： type="submit" 普通文字提交按钮

7. 图片按钮： type="image" ，通过 src 引入图片素材，本质同样具备表单提交功能

8. label标签复用规则

账号、密码输入框全部使用label包裹控件，实现文字点击聚焦输入框的交互效果，规范表单语义化。

4. 表单设计业务逻辑

5. 账号框提示规则：约束用户使用手机号作为账号，属于业务层面输入提示

6. 密码框规则提示：限定密码字符长度、组成规则（6~18位字母+数字），可以配合前端校验限制非法输入

7. 页面结构拆分：表单主体+提示文字+跳转链接+提交按钮的经典登录布局结构