CSS可以控制輸入數字的范圍,讓輸入的數字在指定的范圍內,這在一些情況下非常有用,比如保證輸入的數字在合法的范圍內。
input[type=number] { max: 100; /*最大值*/ min: 0; /*最小值*/ }
上面的代碼讓input標簽中的類型為number的輸入框,輸入的數字的范圍在0到100之間,若輸入的數字不在范圍內,會顯示默認的錯誤提示。
除了控制數字范圍,CSS還可以控制數字的步進值,即每次增加或減少的值。
input[type=number] { step: 5; /*步進值*/ }
上面代碼中的step屬性指定了每次增加或減少的值為5。
需要注意的是,IE瀏覽器不支持這些屬性,所以在使用時需要注意兼容性問題。