使文本框自动适应内容的高度

最新推荐文章于 2023-04-14 10:47:44 发布

转载最新推荐文章于 2023-04-14 10:47:44 发布 · 297 阅读

文章标签：

#xhtml

本文探讨了HTML与JS在代码编辑过程中的实用技巧，包括如何通过特定的textarea属性实现内容自适应高度显示，这对于提升网页开发效率及用户体验至关重要。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <textarea rows=1 cols=40 style='overflow:scroll;overflow-y:hidden;;overflow-x:hidden' onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);">

运行代码查看源代码可以看到js
输入内容试试!

关注博主即可阅读全文