将文本框设置为以下格式？

Question

我的HTml页面上有一个名为WATER METER READING的字段（现在是一个文本框，可以取6个数字），但我需要将其格式更改为[] [] [] [] [] []（ 6个单独的小（单个数字形式））....所有6个字段都需要，所有都需要是一个数字。

最后看起来应该是这样的。

水表读数：* [] [] [] [] [] []

如何显示如下值的任何建议。

Answer 1

如果我理解你的问题，在我看来你想要6个单独的字段，WATER_METER_READING_1到WATER_METER_READING_6，当表单提交给服务器时，你可以将它们组合成一个字段WATER_METER_READING。因此，如果需要编辑表单，可以将数据加载到6个字段中，只需将服务器端的WATER_METER_READING字段拆分到相应的字段即可。

Answer 2

您是否要求进行正则表达式验证？试试[\ d] [\ d] [\ d] [\ d] [\ d] [\ d]

Answer 3

你能制作6个非常狭窄的文本框吗？

添加验证控件以使其成为必填字段。

在代码隐藏中，从文本框中读取值，并将它们连接成一个字符串。

Answer 4

您可以拥有多个范围标记，并将这些范围的背景图像设置为您想要的框。 例如<span>0</span><span>9</span><span>5</span><span>7</span><span>8</span> 在css中为此跨度设置背景图像。