css - 输入字段 - 限制为一个数字

标签 css html

<分区>

expected UI

我想使用输入字段重新创建上面显示的设计。但是,用户应该只能在每个框中输入一个数字。如何限制用户在每个输入框只能输入 1 位数字。请提出建议。

编辑:这个solution解决了大部分问题,但不限制输入数字。

最佳答案

使用最大长度和模式只允许一个数字

<input type="text" maxlength="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');" />

关于css - 输入字段 - 限制为一个数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42067911/

相关文章:

html - 如何在html中排列标签和输入

css - 有没有办法在悬停时同时运行多个 CSS 动画?

html - SVG图像作为背景图像时如何修改填充颜色?

html - 如何根据窗口大小更改图像大小

html - Bootstrap 按钮和导航栏不起作用

javascript - 具有视差背景的浏览器和移动问题 (javascript/jquery)

javascript - 克隆和 document.ready

javascript - Rails 应用程序仅在 Chrome 上正确显示。对于 Firefox 和 Safari,所有样式加载不正确

javascript - 如何在 jquery 中使用其他 div 更改 div 内容?

javascript - 我想在单击一个 div 时隐藏所有其他 div