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個像素寬。由於字符像素寬度的不同，這並不是很精確。