表单系列之input number总结

共计 571 个字符，预计需要花费 2 分钟才能阅读完成。

各浏览器表现
<input type=”number” />
chrome
除数字字符，只可输入 e 和.
IE
除数字字符，其他字符均可输入，无报错
Firefox
除数字字符，其他字符均可输入，但会报错
移除箭头
// 谷歌去除箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}

// 火狐去除箭头
input[type=”number”] {
-moz-appearance: textfield;
}
maxlength 无效
<input type=”number” oninput=”if(value.length>5)value=value.slice(0,5)” />
step/min/max
允许小数值
<input type=”number” placeholder=”1.0″ step=”0.01″ min=”0″ max=”10″>
小知识点
<label for=”ticketNum”>Number of tickets you would like to buy:</label>
<input id=”ticketNum” type=”number” name=”ticketNum” value=”0″>

配合 label for，点击 label，就可让 input 获取焦点。