HTML5引入了一系谱驸扌溺列新的表单元素和功能，包括范围输入类型。随着范围的输入元件，您可以创建网站用户滑动控制。从配置范围的投入，如定义范围值和步骤方面有许多可供选择的选项。叨斧杼镲随着一点点的JavaScript，可以捕获并响应用户交互的范围滑块控制。
在本教程中，我们将创建一个基本的HTML5范围内的输入滑块调整图像大小，与一个JavaScript函数更新页面中的元素作为用户改变范围。的那一刻，Internet Explorer和Firefox不支持的范围内输入，但做的WebKit（Safari和Chrome）和Opera浏览器。
创建一个HTML5页面
我们必须准备好为我们的身体的HTML，CSS和JavaScript代码的空间。首先进入你的页面的主体部分的滑块范围输入：
