input的number美化及判断

只怪自个太菜了，前端为0呢。

方法一：

<input type='number' autocomplete="off" min="1.0" max="10.0" step="0.5" onkeyup="value=value.replace(/^[\da-z\-\*]+$/i,'')" />

方法二：

<input type="number" class="numbox" oninput="if(value>30)value=30;if(value.length>2)value=value.slice(0,2);if(value<10)value=10" />

style跟上：

<style>
    p{line-height: 30px}
    input[type=number] {
        height: 42px;
        width: 205px;
        font-size:36px;
        background: url("/static/home/images/number_bg.png") no-repeat right center;
    }
</style>