文章/答案/技术大牛

发布

社区首页 >问答首页 >如何用数字格式化10个方框的输入文本

问如何用数字格式化10个方框的输入文本
EN

Stack Overflow用户

提问于 2017-11-03 05:56:05

回答 1查看 1.1K关注 0票数 2

我需要一个输入文本框容纳最大的10位数字(如果少于10右对齐)输入应该有20px的高度和200px的宽度。输入应由10个框(10px10px)组成，当用户输入数字时，它必须在每个框中显示单个数字。我设法用背景模拟了这些盒子

background-image: repeating-linear-gradient(90deg, black, black 1px, 
transparent 1px, transparent 20px);
background-position: 100%;

使用等宽字体家族很有帮助，但仍然不能让它看起来像所需的那样工作。这有可能实现吗?你能为我提供一些小的工作片段吗？

发布于 2017-11-03 06:43:22

您是否正在进行类似于序列号输入的操作？您是特别想使用一个输入字段，还是考虑使用多个输入元素？如果您想使用多个输入，这里有一个很好的StackOverflow question and answer，它描述了如何从一个输入自动前进到另一个输入。

或者你在找别的东西？你能提供更多的细节和你要应用CSS的标记吗？

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47085243

复制

相似问题

问如何用数字格式化10个方框的输入文本EN