Javascript HTML中范围的表单控件

我有一个表单，用于搜索通过服务器传递的消息记录。消息用整数ID键入。我希望在我的搜索表单中有一个控件，允许用户指定一系列ID号

我现在所做的可能是最明显的解决方案：两个输入字段

    <div class="header">
        Message ID:
    </div>
    <div>
        <input name="msgIdRangeBottom" type="text"></input>
        - To -
        <input name="msgIdRangeTop" type="text"></input>
    </div>

消息ID:
-到-

当表单提交时，我得到一个简单的范围，可以用来限制数据库查询

然而，我不喜欢这个解决方案。我想要一些用户可以更随意地使用的东西，可能只是使用鼠标，比如某种滑块或类似的控件

我的问题是，在不花费用户太多精力的情况下，从用户那里收集这些信息的最佳方式是什么

---

注意：另外，对于在一些自定义控件中编写脚本，我毫不犹豫。

您可以使用Jquery UI范围滑块：

---

这是一个Javascript解决方案，需要使用jquery和jquery ui库。应该易于实现。

您可以使用Jquery UI范围滑块：

---

这是一个Javascript解决方案，需要使用jquery和jquery ui库。应易于实施。

范围将有多大？100美元？1000美元？10000？数字可能在1到50000之间，但预期范围不太可能超过1000。范围会有多大？100美元？1000美元？10000s？数字可能在1到50000之间，但预期范围不可能超过1000。更好的是，他应该使用

，并使用Modernizer来补偿不支持jQuery UI范围滑块的浏览器。更好的是，他应该使用

，并使用Modernizer来补偿不支持jQueryUI范围滑块的浏览器。