html 音量拉杆

今天来说要如何做出一个可以左右滑的拉杆，程序码范例如下

        <input type="range" min="0" max="100">volume

创造出一个最小值为0，最大值为100的拉杆

预设值没有特别定义的话会出现在中间，我们加一个value参数将预设值改为80

        <input type="range" min="0" max="100" value="80">volume

加上step参数可以改变每次移动的格数

        <input type="range" min="0" max="100" value="80" step="10">volume

设定後每次移动都会以10为单位
截图无法看出效果，各位可以实际操作看看