Javascript表单变量占位符

Question

我目前正在创建一个表单，当用户填写表单时，会将所有表单信息放入预先设计的文档中。例如，用户将填写他们的名字，姓氏，地址等，并且表格下方的文件将自动填入输入的表格信息。所有这些都是完美的。但是，我希望我在文档中使用的文本框保存变量以删除输入变量时留下的额外空白区域。有些名称可能比其他名称更长，我不希望文档中有额外的空白。有什么办法让我的文本框有一个基于其中包含的变量的宽度？

Answer 1

那么，没有CSS方法可以做到这一点，但是您可以使用JavaScript并做出相当好的估计。像这样的东西。

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

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

的这里的逻辑是，只要你按一个键同时选择输入，回调会发现文本的长度和调整元素为字符长度* 10个像素宽。由于字符像素宽度的不同，这并不是很精确。