英文:
Is it possible to expand an input box purely with HTMX?
问题
我想要创建一个输入框,在输入框的文本达到输入框底部时,自动增加输入框的高度以适应文本。这是否可以仅使用HTMX来实现?
还是只能通过JavaScript来实现?因为我不知道。
英文:
I want to build an input box where if the text reached to the bottom of the input box, it automatically increases the input box's height to fit the text. Is that possible by using purely HTMX?
or is it only possible with javascript? because i dont know
答案1
得分: 0
根据我的了解,通常需要使用JavaScript来实现此类型的功能,以不断监视文本区域的大小并相应地更改大小。
您可以像这样在文本区域上添加JavaScript代码:
<body>
<textarea id="input-box" rows="1" oninput="autoResize(this)"></textarea>
<script>
function autoResize(textarea) {
textarea.style.height = "auto";
textarea.style.height = (textarea.scrollHeight) + "px";
}
</script>
</body>
希望这对您有帮助。
英文:
So as per my knowledge this type functionality generally required JavaScript to constantly monitor the textarea size and change the size accordingly.
you can add javascript on the textarea like this:
<body>
<textarea id="input-box" rows="1" oninput="autoResize(this)"></textarea>
<script>
function autoResize(textarea) {
textarea.style.height = "auto";
textarea.style.height = (textarea.scrollHeight) + "px";
}
</script>
</body>
hope this will help you.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论