.btnDiv { display:inline-block; }
本代码使用bootstrap样式,通过调整滑竿,音量大小显示在数字输入框,同时也可以调整输入框,滑杆同步显示。js使用oninput事件,页面用到了H5中表单元素input的两个新属性,type=range和type=number,type=number在浏览器中会自带数字加减控件按钮,在此演示中没有体现出这点。