html5如何用input来做滑动条

1、我们新建一个html网页文件，把他命名为test.html，接下来我们用test.html文件来讲解html5如何用input来做滑动条。

2、在test.html文件内，我们需要创建一个表单<form action="" method="get"></form>。

3、给在表单内，加入一个Input，类型为range。<input type="range" name="test" min="1" max="10">。意思是最小是1，最大是10。

4、在浏览器浏览一下test.html，来看看效果能否实现。