html input range修改,HTML input range

# HTML input range

通过鼠标拖动方式设置值是很方便的操作。

将input的type属性值设置为"range"即可创建具有上述功能的控件。

此控件是HTML5新增。

代码实例如下：

```html

蒲公英云

请选取数字：

```

代码运行效果截图如下：


此控件属性众多，下面介绍一下它的主要属性：

(1).autofocus(HTML5)：规定页面加载后，此控件是否自动获取焦点。

(2).disabled：设置此控件不可用，既不能拖动，也不能提交它的值。

(3).form(HTML5):属性值为form表单的id属性值，可以将一个控件归属于多个form表单。

(4).list(HTML5):与datalist关联起来。

(5).min与max(HTML5):这两个属性可以规定控件可以选取的最小值与最大值。

(6).step(HTML5):规定数字选取变化的梯度。

(7).value：规定控件当前选取的值。

**代码实例如下：**

```html

蒲公英云

window.οnlοad=function(){

let orange=document.querySelector("#num");

let obt=document.querySelector("#bt");

let odiv&