HTML中范圍的表單控件

Question

我有一個用於搜索通過服務器傳遞的消息記錄的表單。 消息用整數ID進行鍵控。 我希望在我的搜索表單中提供一個控件，該控件將允許用戶指定ID號范圍。

我現在正在做的可能是最明顯的解決方案：兩個輸入字段。

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

提交表單后，我得到一個簡單的范圍，可以用來限制數據庫查詢。

但是，我不喜歡這種解決方案。 我希望用戶可以更隨意地使用某些東西，也許只能像某些滑塊或類似控件那樣使用鼠標。

我的問題是，什么是從用戶那里收集輸入而不花費很多精力的最佳方法？

注意：此外，對於某些自定義控件中的腳本編寫，我也沒有任何限制。

Answer 1

您可以使用Jquery UI范圍滑塊： http : //jqueryui.com/demos/slider/#range

這是一個Javascript解決方案，需要使用jquery和jquery-ui庫。 實施起來應該很簡單。