Question

我想首先将滑块的滑块光标设置为左侧：

如何实现？ w3schools starts at the middle上的示例。

Answer 1

将value标签设置为1：value="1"。

滑块的最小值为1。这是由min="1"定义的。将滑块移到最左侧时，浏览器会将值设置为1。为了实现在初始/启动时设置此值，请将value（当前为50：1：value="1"）设置。

<input type="range" min="1" max="100" value="1" class="slider" id="myRange">

不是您的问题，但要完整：

如果要将其放在最右边：在这种情况下，必须将值设置为max="100"定义的可用最大值。这意味着：将其放入value="100"。

滑块的中心是最大值的一半，在这种情况下为50。在已粘贴的已发布代码中，当前值设置为50，默认情况下，滑块位于中心。

Answer 2

在我的 React 应用程序上尝试 @JeroenE 方法时。滑块没有从该位置移动，因为我已将其硬编码为某个值。

这就是 defaultValue 的用武之地。

设置您的 defaultValue 以设置您的范围输入起点。