Html 为css中的每个字符创建带有正方形的输入表单

我的网络编程作业需要一些帮助；我必须创建如下所示的表单输入，只使用html和css（因此没有js）

---

不，我不允许为每个正方形使用输入字段。一种可能的解决方案是使用重复的背景图像，可以是垂直线，也可以是下面的示例中的SVG：

input {
  width: 198px;
  font-family: monospace;
  letter-spacing: 8px;
  border: 1px solid #000;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><line style="stroke: #000" x1="20.090665817260742" y1="-0.08398216962814331" x2="20.090665817260742" y2="20.07965660095215"/></svg>');
  background-repeat: repeat-x;
}

输入{
宽度：198px；
字体系列：monospace；
字母间距：8px；
边框：1px实心#000；
背景图像：url（'data:image/svg+xml；utf8'）；
背景重复：重复-x；
}

<>强>注：< /强>我怀疑你的老师会考虑这个“作弊”，尤其是因为你自己还没有写任何实际的CSS。然而，这是一个可能的现实世界的解决方案，我可能会使用它

---

那么，您想添加什么作为输入可编辑div？如果您发布当前代码，并准确说明哪些有效，哪些无效，您将更有可能获得帮助。@Toby目前我还没有为其编写任何css代码，因为我最初尝试在阅读之前为每个方块输入我是不允许的@Dipakchavda我可以使用输入，而不仅仅是每个方块一个输入；我不知道该怎么解释。可能重复：谢谢，但我已经解决了；想法差不多，索普，很好。。。有人知道如何关闭线程吗？