HTML5，input range属性

求解答画圈里的代码含义，麻烦尽量详细一些，谢谢，被问怕了😱，最好是每个属性设置都帮忙解答一下，先谢谢啦

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input/range可以在mdn上查到。

range 类型的 元素允许用户指定一个数值，该数值必须不小于给定值，并且不得大于另一个给定值。但是，其精确值并不重要。通常使用滑块或拨号控件而不是像 number 输入类型这样的文本输入框来表示。
由于这种小部件不精确，因此除非控件的确切值不重要，否则通常不应使用它。
max
允许值范围内的最大值。如果输入到元素中的 value 超过此值，则该元素将无法通过约束验证。如果 max (en-US) 属性的值不是数字，则元素没有最大值。
此值必须大于或等于 min 属性的值。请参见 HTML max (en-US) 属性。
min
允许值范围内的最小值。如果元素的value 小于此值，则该元素将无法通过约束验证。如果 min 指定的值不是有效数字，则输入没有最小值。
该值必须小于或等于 max (en-US) 属性的值。请参见 HTML min (en-US) 属性。
step
step 属性指定了值必须满足的粒度，或者是下文描述的特殊值 any。值必须满足基础的步进值，才有效。如果指定了 min 属性，则由 min 属性决定，否则，使用 value 属性的值，如果上述两个值都不存在，则提供适当的默认值。