將文本框樣式轉換爲以下格式？

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中爲此設置背景圖像跨越你的喜好。