可直接在 label 内用 <span class="help-icon">?</span> 添加问号图标，但需加 pointer-events: none 或 event.stopPropagation() 防止触发 label 聚焦，配合 title 或 layer.tips() 实现提示，注意对齐、间距与主题兼容。
怎么给 Layui form 表单的 label 加问号图标
直接加就行，layui 的 form 不限制 label 里放什么内容，但得手动控制样式和交互——它本身不提供内置的「问号提示」组件。
常见错误是往 label 里硬塞 <i class="layui-icon"></i> 后发现图标紧贴文字、没间距、hover 无反应，或者点图标触发了表单聚焦（因为 label 默认关联 input）。
- 用
<span>包住图标，脱离label的默认行为绑定 - 给图标加
display: inline-block和margin-left: 4px避免粘连文字 - 用
title属性做最简提示，或配layer.tips()做可控浮层 - 务必加
cursor: help，否则用户看不出这是可交互提示
为什么不能直接用 label 包图标再 for 关联
能关联，但会出问题：点击问号图标 = 点击 label = 自动聚焦对应 input，这违背提示图标的本意。
Layui 的 form.render() 会扫描所有 label[for] 并增强交互，你没法只禁用其中一部分。所以必须切断图标的「表单控制权」。
- 把图标放到
label外面，比如<label>用户名</label><span class="help-icon">?</span> - 或者保留在
label内，但用pointer-events: none让图标不响应点击（注意 IE 不支持） - 更稳妥的是用
event.stopPropagation()拦截图标上的 click 事件
layer.tips() 和原生 title 怎么选
title 最轻量，但样式不可控、延迟高、无法自定义位置；layer.tips() 灵活，但要确保 layer 已加载（Layui 2.8+ 默认带，老版本需显式引入）。
- 简单说明用
title="请输入手机号，用于登录验证"就够了 - 需要富文本、箭头方向控制、关闭按钮，就用
layer.tips('内容', this, {tips: [1, '#787878']}) - 注意：如果表单用了
lay-verify，别让 tips 和校验消息重叠，建议把图标放在label右侧末尾，避开左侧验证图标位置
兼容性与容易被忽略的细节
移动端点透、图标对齐偏移、暗色主题下问号颜色发灰——这些不是 bug，是没处理好上下文。
- 移动端加
touchstart代替click防止 300ms 延迟 - 图标用
vertical-align: middle对齐文字基线，别依赖默认值 - 如果用了
layui.css的深色模式（layui-bg-black），问号图标默认白色，但title背景仍是浅色，显得突兀 - 批量加提示时，别用全局
$('label').append(...)，优先走模板渲染或初始化时注入，避免重复插入
真正麻烦的从来不是加个问号，而是让这个问号在各种缩放、主题、输入法、屏幕尺寸下都不“跳戏”。
