当通过 javascript 克隆并重建表单控件（如评分组件）时，若未正确设置 `
在动态调整评分量表（如从 10 分缩放至 5 分）的过程中，常见做法是清空 .rating 容器并重新插入克隆的 和
✅ 正确做法是使用标准 DOM 属性 htmlFor：
labelClone.htmlFor = radioClone.id;
同时需确保：
- 所有克隆的 元素拥有唯一 id（已通过 ${idPrefix}-${i} 实现）；
- 的 name 属性保持一致（确保单选互斥），原代码中已保留 name="rating"，无需修改。
此外，为增强健壮性，建议在 scaleModified 函数末尾触发一次重绘或强制样式刷新（虽非必需，但在复杂场景下可避免渲染延迟）：
// 可选：强制重排以确保样式立即生效 ratingContainer.offsetHeight; // 触发 layout
⚠️ 注意事项：
- 避免混用 setAttribute('for', ...) 与 htmlFor —— 二者等效，但 htmlFor 更语义化且性能略优；
- 若使用框架（如 React/Vue），应优先采用声明式更新而非手动 DOM 操作；
- 渐变背景 background: linear-gradient(...) 本身不受克隆影响，问题根源始终是 CSS 选择器因 DOM 关系断裂而无法匹配目标元素。
总结：htmlFor 是连接
