我的输入字段类型编号的大小无法更改[重复]

Posted 2023-02-22

【中文标题】我的输入字段类型编号的大小无法更改[重复]

【英文标题】：Size of my input field type number cant be changed [duplicate]

【发布时间】：2014-02-11 01:18:28

【问题描述】：

我有一个 html 表单，其中有一些输入字段，一些设置为 type="text"，另一些设置为 type="number"。

在我的type="text" 字段中，我可以使用这个参数size="3"，但在我的type="number" 中，这个参数被忽略了，我的输入字段大小太长了。人们只需要在这些字段中输入 3 个数字。因此，大小为 20 个字符的输入字段不是很吸引人。

我不能把它改回文本，因为它只能是数字。

那么有什么方法可以改变type="number" 的大小吗？

提前致谢！

编辑：谢谢大家的 min,max 但这只能解决 maxlength 问题。大一号也有办法吗？

还是谢谢！

编辑：改写我的问题

【问题讨论】：

这个问题已经在 Stack Overflow 上被问过好几次了。使用max 属性。

只用999作为最大值

【参考方案1】：

只需使用min 和max 属性即可。

<input type="number" min="0" max="999" step="1" />

【讨论】：

对，完全忘记了那些..也只解决了最大长度问题。感谢那。但是有没有办法改变大小？

@user2966317 当然，CSS。

谢谢，创建一个类并使用 px 作为宽度解决了我的问题。

设置max 在几种浏览器（例如基于Webkit）中将输入框设置为“正确”大小，但在Firefox（包括v31）中则不然。因此，您可能不得不使用 CSS，因为您使用的浏览器将 HTML 标记与其样式分开。似乎更便携的方式是依赖 CSS。

【参考方案2】：

使用min 和max 属性。 请参阅http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html 了解所有可能的属性

【参考方案3】：

你必须指定一个值的范围

<input type="number" min="0" max="999" />

只接受 0 到 999 之间的输入。