有趣的 HTML5 滑块

HTMl5 滑块

今天做了一个案例：

以上就是效果图！

HTML代码：

<div class="bottom">
   <div class="bottom-top">
       <span>请输入玩家人数</span>
       <input type="text" maxlength="2" value="12" id="number"> 
       <span>玩家数量为4-18</span>
   </div>
   <div class="bottom-bottom">
       <input type="button" value="－" class="minux">
       <input type="range" id="slide" name="change" value="12" min="4" max="18" step="1" >
       <input type="button" value="+" class="add" >
   </div>
&l