一、输入框（Input Box）
输入框用于接收用户文本输入，是最易出现问题的控件之一，常见 bug 包括：
数据验证失效
类型校验不严格：例如要求输入手机号（纯数字），但可输入字母、符号；要求输入邮箱却不校验@符号。
长度限制无效：超过设定的最大长度（如 11 位手机号）仍可继续输入，或输入内容被截断后未提示。
特殊字符处理异常：输入引号（"）、尖括号（<>）等字符时，页面显示错乱（如文字重叠）或触发脚本注入（XSS 风险）。
状态与交互问题
禁用 / 只读属性失效：设置disabled或readonly的输入框仍可编辑，或通过浏览器开发者工具修改后可输入。
前后空格未处理：用户输入首尾空格时，系统未自动去除（trim），导致后续校验失败（如登录时用户名带空格提示 “不存在”）。
提示文字异常：placeholder在输入内容后未消失，或获取焦点后仍显示（遮挡输入内容）。
二、按钮（Button）
按钮用于触发操作（如提交、重置），其功能稳定性直接影响流程推进，常见 bug 包括：
功能失效
点击无响应：未绑定点击事件（onclick），或事件绑定错误（如 JS 语法错误导致代码中断）。
重复提交：表单提交按钮未做防重复点击处理（如未禁用按钮），导致用户快速点击时多次提交数据（如重复下单）。
禁用状态可交互：设置disabled的按钮仍可点击（如通过键盘Enter触发），或点击后执行逻辑。
样式与体验问题
状态样式不一致：点击后无 “选中” 反馈（如无颜色变化），禁用时样式与正常状态相同（用户分不清是否可点击）。
位置冲突：按钮与其他控件（如下拉框）重叠，点击时误触发其他控件（如点击按钮时同时打开下拉菜单）。
快捷键冲突：自定义快捷键（如Ctrl+S）与浏览器默认快捷键（如保存页面）冲突，导致功能异常。
三、下拉菜单（Dropdown/Select）
下拉菜单用于从预设选项中选择，常见 bug 集中在显示与数据同步上：
显示异常
选项被遮挡：下拉框弹出后被导航栏、弹窗等元素覆盖（z-index 设置错误），部分选项无法查看。
内容截断：选项文字过长时未换行或显示省略号（...），导致信息不全（如 “北京市朝阳区” 显示为 “北京市朝...”）。
滚动位置错乱：页面滚动后，下拉框未跟随输入框移动（如固定定位错误），导致选项显示在屏幕外。
数据同步问题
选择后未更新：选中某选项后，输入框显示内容仍为默认值（如选择 “上海” 后显示 “请选择城市”）。
动态选项未刷新：依赖其他控件的下拉框（如 “省份” 选择后加载 “城市”），数据未实时更新（如选 “浙江” 后城市仍显示 “北京” 的区县）。
禁用选项可选中：设置disabled的选项（如 “已下架商品”）仍可被点击选中，提交后触发后端错误。
四、复选框（Checkbox）与单选框（Radio Button）
这类控件用于选择（多选 / 单选），逻辑关联错误是主要问题：
复选框（Checkbox）
状态未保存：勾选后刷新页面，状态恢复默认（未存入缓存或本地存储）。
全选功能失效：点击 “全选” 按钮后，部分子复选框未勾选；或取消某子选项后，全选框未自动取消勾选。
关联逻辑错误：如 “选项 A” 与 “选项 B” 互斥（勾选 A 后 B 应禁用），但实际可同时勾选。
单选框（Radio Button）
可多选：同一组单选框因name属性不一致（如name="gender1"和name="gender2"），导致可同时选中多个选项。
标签关联失效：点击label文字时无法选中对应单选框（label的for属性与单选框id不匹配）。
状态不明确：样式设计问题导致 “选中” 与 “未选中” 难以区分（如仅颜色深浅差异，低对比度下看不清）。
五、日期选择器（Date Picker）
日期选择器用于快速选择日期，常见问题与格式、范围限制相关：
格式与校验问题
格式不匹配：前端选择日期显示为yyyy-mm-dd，但提交给后端时格式错误（如后端要求mm/dd/yyyy，导致接口报错）。
范围限制无效：设置 “只能选择未来日期” 时，仍可选择过去的日期；或最小 / 最大日期设置错误（如最小日期晚于最大日期）。
交互异常
月份 / 年份切换失效：点击 “上一月”“下一年” 按钮无反应（JS 事件未绑定），或切换后日期显示错误（如 2 月显示 30 天）。
移动端适配问题：在手机上日期选择器弹窗过大，部分按钮（如 “确定”）超出屏幕，无法点击。
六、文件上传控件（File Upload）
文件上传涉及本地文件读取与服务器交互，常见 bug 包括：
校验失效
类型限制无效：设置 “仅支持.jpg/png”，但可上传.exe/.txt 文件（前端校验被绕过，且后端未二次校验）。
大小限制异常：超过最大限制（如 5MB）的文件仍可上传，或上传后无错误提示（用户以为成功）。
体验问题
进度反馈错误：上传进度条不动但实际已完成，或进度条 100% 后长时间无 “上传成功” 提示。
文件名乱码：上传中文文件名（如 “测试图片.png”）后，页面显示为 “??? 图片.png”（编码格式未统一为 UTF-8）。
未选择文件可提交：点击 “上传” 按钮时，未校验是否选择文件，直接提交导致后端报错（无友好提示）。
七、弹窗（Modal/Popup）
弹窗用于展示临时信息（如确认框、详情页），其交互流畅性影响用户体验：
关闭功能失效：关闭按钮（×）、“取消” 按钮点击无反应，或点击弹窗外部空白区域无法关闭（未绑定关闭事件）。
显示异常：弹窗未居中显示（如在小屏幕上偏左 / 偏上），或部分内容超出屏幕（无滚动条）。
背景未锁定：弹窗打开时，仍可操作背后的页面元素（如下拉菜单、按钮），导致数据混乱（如同时打开两个弹窗）。
八、表格（Table）
表格用于展示列表数据（如订单列表），常见问题集中在分页、排序、筛选：
分页错误：点击 “下一页” 无反应，或页码显示与实际数据量不符（如共 10 条数据，每页 5 条，却显示 “共 3 页”）。
排序失效：点击表头（如 “金额”）排序时，数据未按升序 / 降序重新排列，或排序逻辑反了（如 “从大到小” 变成 “从小到大”）。
筛选异常：输入筛选条件（如 “状态 = 已完成”）后，表格数据未过滤，或过滤结果包含不符合条件的记录。
总结
控件 bug 的核心原因通常是：前端逻辑错误（如 JS 校验遗漏）、兼容性问题（如 IE 与 Chrome 对disabled属性处理不同）、前后端交互不一致（如数据格式不匹配）。测试时需结合功能校验、边界值（如最大长度、特殊字符）、跨浏览器（Chrome/Edge/IE）、跨设备（PC / 手机）场景，全面覆盖控件的 “功能 - 样式 - 体验” 维度。
