将文本框样式转换为以下格式？

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]

Answer 3

您可以制作6个非常窄的文本框。

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

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

Answer 4

您可以有多个span标签，并将这些span的背景图像设置为您想要的框。 例如<span>0</span><span>9</span><span>5</span><span>7</span><span>8</span> 在CSS中为此设置背景图像跨越你的喜好。