Javascript表单变量占位符

我目前正在创建一个表单，当用户填写该表单时，将把所有表单信息放入预先设计的文档中。例如，用户将填写他们的名字、姓氏、地址等，表单下的文档将自动填充已输入的表单信息。所有这些都非常有效。但是，我希望文档中用来保存变量的文本框能够删除输入变量时留下的额外空白。有些名称可能比其他名称长，我不希望文档中有额外的空白。有没有办法根据文本框中包含的变量来确定文本框的宽度？

好吧，没有CSS方法可以做到这一点，但是您可以使用JavaScript并进行很好的估算。像这样的

var el = document.getElementById('myInput');

el.addEventListener('keypress', function(e) {
    e.target.style.width = e.target.value.length * 10 + 'px';
});

---

这里的逻辑是，每当您在选择输入时按下一个键，回调就会找到文本的长度，并将元素的大小调整为字符长度*10像素宽。由于字符像素宽度不同，这并不是非常精确。

在提问之前，您应该先尝试一下用户自己。请添加代码片段您所做的stackoverflow可以为您的问题提供解决方案我们在这里帮助您，而不是为您提供代码。请提供我已经尝试了一个多星期的代码片段。我不是在寻找代码，只是在正确的总体方向上的指南。如果我没有任何远程工作的东西，那么这个实例中的代码片段就不会有任何帮助。这是一个好主意，我真的非常感谢您的帮助。让我试一试，看看这是否有助于实现我的想法。非常感谢你的时间和帮助。