用Javascript和HTML制作的數值調節器

來自javascript-html">http://www.sitepoint.com/article/counter-widgets-javascript-html

按照下面的方法自已做一個可調節數值的窗口部件，類似于下面截圖紅圈中表示的控件－具有上下箭頭式按鈕可以調節指定范圍內的數值大?。?/P>

到這里下載http://www.sitepoint.com/examples/counter/counter.zip，其中包含了腳本代碼、示例和文檔

（說明：里面還包含了一個基于后臺驗證的php程序頁面文件testcounter.php）

簡要說明一下怎樣使用這個數值調節器：

下載后的文件解壓，將createcounter.js嵌入你的HTML文檔中

添加一個專門的id或name屬性值到text控件中：

 
 
<input type="text" size="3" 
name="passengers_ctr_1_12" id="passengers_ctr_1_12" value="1" >

id或name的值像下面這樣命名：

(any name)_ctr_(minimum value)_(maximum value)

(任何名稱)_ctr_(最小值)_(最大值)

像下面的命名都是有效的：

foo_ctr_0_10 數值被控制在0-10范圍內

bar_ctr_-10_10 數值被控制在-10-10范圍內

baz_ctr_1_999 數值被控制在1-999范圍內

這個調節器的一些缺點（改進中）：缺少上、下按鈕進行調節，不支持鍵盤控制。

受瀏覽器環境的限制（如果瀏覽器的Javascript被關閉），它不會工作。另外，不保證它在多個瀏覽器中均能正常運行。