# 滑動條 Slider 給input的設置一個新的HTML5屬性為type="range"，可以給頁面添加滑動條組件，可以指定它的value值（當前值），min和max屬性的值配置滑動條。Jquery Mobile會解析這些屬性來配置滑動條。當你滑動滑動條時，input會隨之更新數值，反之亦然，使你能夠很簡單的在表單里提交數值。注意要把label的for屬性設為input的id值，使他們能夠在語義上相關聯，并且要用div容器包裹它們，并給他設定data-role="fieldcontain"屬性 **HTML 代碼:** ``` <div data-role="fieldcontain"> <label for="slider">Input slider:</label> <input type="range" name="slider" id="slider" value="0" min="0" max="100" /> </div> ``` **滑動條 Slider**  設置min和max屬性的值你可以配置滑動條上下能取到的值，而value值是用來指定滑動條初始的位置和input框內的值 滑動桿同樣對鍵盤有響應。右箭頭，上箭頭，Page Up 鍵可以用來增加當前值，左箭頭，下箭頭 ，Page Down鍵則減少當前值。Home 鍵和 End 鍵則可以分別調到滑動條的最小值和最大值 ## 刷新滑動條 Refreshing a slider 如果你想通過js手動控制滑動條，務必調用 refresh 方法刷新滑動條的樣式 ``` $("input[type=range]").val(60).slider("refresh"); ```