html - 仅输入数字并添加最大数量的字母

Question

我必须只为字母的最大大小为 3 的数字创建输入字段。我该怎么做？

此代码无效:

<input type="number" class="input first" id="first"  placeholder="000" maxlength="3">

maxlength 仅在我的输入字段类型为“文本”时才有效。是否有其他解决方案。

另外:是否有一种解决方案可以禁用数字字段的浏览器图标？我使用型号的原因是为了更好地使用小型设备。但是在正常屏幕下，自动图标非常难看。

谢谢!

Answer 1

使用max 属性

JSfiddle

<input type="number" class="input first" id="first"  placeholder="000" max="999">

编辑 - (感谢'moss')

支持:ie10+(没有微调按钮)iOS 和安卓浏览器不显示微调按钮或我们的最小/最大属性，Opera Mini - 不支持 Opera Mini。Firefox 是过去的 3 个版本。

在 Chrome、Safari 和 Opera 中的良好支持 MDN