我有几个不同长度的数字输入,我想设置它们的样式,使输入框不会超过必要的长度:
<input type=number name=short value='1' min=0 max=9 size=1 maxlength=1>
<input type=number name=medium value='123' min=0 max=999 size=3 maxlength=3>
<input type=number name=long value='12345' min=0 max=99999 size=5 maxlength=5>
Firefox 不识别number
类型输入,并将处理输入假设它们是text
框。因此size
andmaxlength
将应用于输入框。
Chrome 会识别number
输入类型,并会根据max
值加上旋转(上/下)按钮的宽度自动限制输入框的大小。
然而,同样识别number
类型输入的 Opera 做的事情却不同。它使用该size
值来计算输入框的大小,如果没有提供,则使用浏览器默认值。它没有考虑旋转按钮的宽度,导致部分输入被遮挡。
考虑到我在 Opera 浏览器中提到的问题,有没有办法正确设置数字输入的样式,使它们不会超过必要的长度?