可以纯粹使用HTMX扩展输入框吗?

huangapple go评论88阅读模式
英文:

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:

&lt;body&gt;
&lt;textarea id=&quot;input-box&quot; rows=&quot;1&quot; oninput=&quot;autoResize(this)&quot;&gt;&lt;/textarea&gt;
&lt;script&gt;
function autoResize(textarea) {
textarea.style.height = &quot;auto&quot;;
textarea.style.height = (textarea.scrollHeight) + &quot;px&quot;;
}
&lt;/script&gt;
&lt;/body&gt;

hope this will help you.

huangapple
  • 本文由 发表于 2023年8月5日 16:00:36
  • 转载请务必保留本文链接:https://go.coder-hub.com/76840665.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定