先记住这个答案
滑块用于让用户在有限范围中调整相对大小，例如音量、亮度；它始终有当前值。没有写 value 时，浏览器通常取 min 和 max 的中点，默认范围是 0 到 100，所以初始值常是 50。number 更适合用户需要输入精确数值，且没有 required 时可以留空。不能因为两者的值看起来都是数字字符串，就把交互语义视为相同。
range默认最小值为 0、最大值为 100- 不写
value时默认在区间中点 - 滑块值不会是空字符串
- 精确输入更适合
number
音量滑块一开始放在中点
音量面板没有指定初始值时，滑块也会有一个位置，不会表现为“未选择”。显式写出上下限和默认值可以让业务意图更清楚，避免产品以为用户尚未设定。
<label for="volume">音量</label>
<input id="volume" name="volume" type="range"
min="0" max="100" step="5" value="50">
<output for="volume">50</output>这个滑块以 5 为步长，从 0 到 100 选择。旁边的输出只显示当前值，若要动态同步，脚本需监听 input 事件更新输出内容。
若删除 value，在正常区间内初始值仍会落在中点。特别地，最大值小于最小值时默认取最小值，不能只背“永远是平均数”。
精确数字还是相对程度
用户填订单数量、年龄、预算上限时，往往需要一个准确数字，number 更直接。音量或透明度更像“调到差不多”的连续程度，滑块能快速表达。
滑块的当前值可能在视觉上不够明显，关键场景应显示刻度、当前数值或可理解的状态。服务端仍要校验边界和步进，因为前端控件只能约束正常交互。
滑块更适合音量、亮度这类相对调整，不适合必须精确输入某个金额的场景。若 min="0" max="100" 而没有显式 value，初始位置通常落在范围中点；若改了 min 和 max，显示与提交的值也会随之变化。给用户看当前数值时要同步更新可见的 <output>，并给滑块一个明确的 <label>。不能只靠滑块把“80”这类精确结果传达给需要辅助技术的用户。
容易答错的地方
- 认为不写
value就是空值 range默认会有区间内的数值，通常为中点。它不适合拿空值表示“用户尚未选择”。- 把滑块用作必须精确输入的字段
- 触控滑块不易准确落到复杂数值，必要时用
number或为滑块提供数值输入方式。
面试官还会怎么问？
默认 min、max 是多少？
通常分别是 0 和 100；业务上重要时应显式写出，避免误解。
range 可以用 required 要求选择吗？
滑块总有值，required 对它没有通常所需的“未选择”语义。
为什么 value 属性和当前值有时不同？
属性是初始默认值，用户拖动后当前值由 DOM 属性反映；读取实时结果应看控件当前 value。
参考资料
示例用于理解所注明的运行环境与边界；延伸学习可结合原文中的更多案例。