JS读取input的step属性始终返回字符串，需用parseFloat()安全转换并处理"any"、空字符串等特殊情况，且type="date"/"time"时step无效。
step 属性在 JS 中怎么读取
HTML input 元素的 step 属性默认是字符串类型，即使你写成 step="1" 或 step="0.5"，用 JS 读取时得到的都是字符串，不是数字。直接用 el.step 拿到的是原始 HTML 值，包括可能的空字符串或 "any"。
常见错误是以为 el.step 能直接参与数值计算，结果 el.step + 1 变成字符串拼接（比如 "1" + 1 → "11"）。
-
el.getAttribute('step')和el.step行为一致，都返回字符串 - 若元素没设
step，el.step返回空字符串""，不是undefined或null - 特殊值
"any"表示无步长限制，需单独判断，不能转成数字 - 想转成数值，必须显式调用
parseFloat()；parseInt()会截断小数，不推荐用于step
如何安全转换 step 值为数值
因为 step 可能是 "any"、空字符串或非法格式（如 "abc"），不能无脑 parseFloat。需要先校验再转换。
推荐写法：
立即学习“前端免费学习笔记（深入）”；
function getStepValue(el) {
const stepStr = el.step;
if (stepStr === 'any') return 'any';
const num = parseFloat(stepStr);
return isNaN(num) ? 1 : num; // 默认 fallback 为 1（HTML 规范定义）
}注意点：
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 不要用
Number()，它对空字符串返回0，而规范中未设置step应按1处理 -
parseFloat("1.")返回1，但parseFloat(".5")也合法，符合 input type="number" 的解析逻辑 - 某些浏览器对
step="0"会报错或禁用输入，实际业务中应避免
setAttribute 修改 step 后为什么没生效
用 el.setAttribute('step', '0.25') 确实会更新 DOM 属性，但浏览器不会自动重新解析约束逻辑——尤其是已聚焦的 input 元素，光标还在里面时，新 step 不影响当前输入行为。
真正起效的时机是：用户失焦（blur）、或手动触发 el.checkValidity()、或再次调用 el.valueAsNumber。
- 修改后立即读
el.valueAsNumber可能仍按旧step校验 - 若要强制刷新验证状态，可临时 blut 再 focus：
el.blur(); el.focus();（慎用，影响用户体验） - 更稳妥的做法是：修改
step后，清空并重设value（如el.value = ''），再设回原值（触发重校验）
type="date" 或 "time" 的 step 属性有意义吗
没有。对于 input[type="date"] 和 input[type="time"]，step 属性被浏览器忽略。规范明确指出：这些类型不支持 step，设置也无效。
例如：
<input type="date" step="7"> <!-- step=7 不控制“每周一”这种行为 -->
如果你需要日期粒度控制（比如只允许选周日），得靠 JS 校验或自定义控件，不能依赖 step。
容易被忽略的一点：不同 type 对 step 的默认值和解释完全不同——number 默认 1，range 默认 1，datetime-local 默认 60（秒），而 date/time 直接无视。查 MDN 的具体 type 页面比背规则更可靠。
