我目前正在創建一個表單,當用戶填寫表單時,會將所有表單信息放入預先設計的文檔中。例如,用戶將填寫他們的名字,姓氏,地址等,並且表格下方的文件將自動填入輸入的表格信息。所有這些都是完美的。但是,我希望我在文檔中使用的文本框保存變量以刪除輸入變量時留下的額外空白區域。有些名稱可能比其他名稱更長,我不希望文檔中有額外的空白。有什麼辦法讓我的文本框有一個基於其中包含的變量的寬度?Javascript表單變量佔位符
-2
A
回答
1
那麼,沒有CSS方法可以做到這一點,但是您可以使用JavaScript並做出相當好的估計。像這樣的東西。
var el = document.getElementById('myInput');
el.addEventListener('keypress', function(e) {
e.target.style.width = e.target.value.length * 10 + 'px';
});
的這裏的邏輯是,只要你按一個鍵同時選擇輸入,回調會發現文本的長度和調整元素爲字符長度* 10個像素寬。由於字符像素寬度的不同,這並不是很精確。
+0
這是一個好主意,我真的很感謝幫助。讓我試試看看是否有助於實現我的想法。非常感謝您的時間和幫助。 –
+0
運氣好嗎? – GMchris
相關問題
- 1. 的Javascript佔位符
- 2. JavaScript的佔位符
- 3. UAA_CONFIG_YAML環境變量中的佔位符
- 4. 的Python:使用變量名佔位符
- 5. Php,拉出佔位符變量
- 6. 在ServiceStack變量佔位符(C#)
- 7. UIAlertView中變量的佔位符?
- 8. PHP格式長變量和佔位符
- 9. 佔位符與VAL()JavaScript的
- 10. Jade動態表單佔位符
- 11. 檢查佔位符表單的值PHP
- 12. 中心表單輸入和佔位符?
- 13. 佔位符字體不變
- 14. 使用javascript設置表單字段佔位符屬性
- 15. Javascript表單驗證多個使用佔位符
- 16. 如何將JavaScript ID值傳遞給表單佔位符?
- 17. html/C中未指定數量變量的佔位符#
- 18. Tensorflow:如何爲張量提供佔位符變量?
- 19. 如何在張量流中設置變量佔位符形狀?
- 20. get_search_form(WordPress的)在我做了一個佔位符Web表單的佔位符Web表單
- 21. 如何呈現字符串中佔位符的變量
- 22. PHP動態替換字符串中的佔位符變量
- 23. 更換變量佔位符的字符串
- 24. HTML表單值= JavaScript變量
- 25. 用佔位符
- 26. Bean佔位符?
- 27. SVG佔位符
- 28. 佔位符$ {PRODUCT_NAME:rfc1034identifier}
- 29. SQL佔位符
- 30. HTML佔位符
你應該在提問之前嘗試用戶自己。請添加代碼片段你已經完成了什麼stackoverflow可以爲你的問題提供解決方案,我們在這裏幫助不給你一個代碼。請提供代碼片段 – Rahul
我一直在嘗試自己一個多星期。我不是在尋找代碼,只是在正確的大方向上進行指導。如果我沒有任何遠程工作的情況,此實例中的代碼片段不會有任何幫助。 –