Input html输入字段宽度限制

我正在寻找一种方法来限制（剪辑）字符串用户可以进入一个html输入字段的字符串的视觉长度，而不是字符数。基本上，我不希望我的用户能够在插入符号到达文本字段的右端后再键入任何字符。在html中也可以这样做吗？

您可以将最大长度设置为所需的字符数。例如：

---

不是HTML，您需要JavaScript来完成这项工作。但是如何实现呢？我是否应该保留一个隐藏的div，以便在用户键入时进行测量？或者有一些css风格或技巧我可以使用？我想限制的视觉长度，而不是字符数。假设我的输入框的宽度为100px，我不希望输入的字符超过输入文本框的100px。好的，在这种情况下，您希望同时使用“大小”和“最大长度”。您应该能够将它们设置为与您想要实现的目标相同的值。除此之外，我不知道在这种情况下使用什么代码。