<link rel="stylesheet" href="/js/jquery.mobile-1.3.2.min.css">
<script src="/js/jquery-1.8.3.min.js"></script>
<script src="/js/jquery.mobile-1.3.2.min.js"></script>
<div data-role="content">
<form method="post" action="/example/demo_form.aspx">
<div data-role="rangeslider">
<label for="price-min">价格:</label>
<input type="range" name="fname" id="price-min" value="200" min="0" max="1000">
<label for="price-max">价格:</label>
<input type="range" name="lname" id="price-max" value="800" min="0" max="1000">
<input type="submit" data-inline="true" value="提交">
<p>在浏览商品时,范围滑块会很有用,它允许用户选择具体的价格范围。</p>