问HTML中范围的表单控件

EN

我有一个表单，用于搜索通过服务器传递的消息的记录。消息以整数ids为关键字。我想在我的搜索表单中的一个控件，将允许用户指定一个范围的身份证号码。

我现在所做的可能是最明显的解决方案:两个输入域。

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

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

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

我的问题是，在不花费用户太多精力的情况下，从用户那里收集这些输入的最好方法是什么？

注意:另外，我对在一些自定义控件中编写脚本没有任何顾虑。