當(dāng)前位置：
首頁(yè) >
自适应高度Textarea
發(fā)布時(shí)間：2025/7/25
36
豆豆
生活随笔
收集整理的這篇文章主要介紹了
自适应高度Textarea
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
HTML代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>自適應(yīng)高度Textarea</title><link rel="stylesheet" href="style.css"/></head> <body> <h3>自適應(yīng)高度textarea</h3> <textarea id="textarea" class="checkTextarea"></textarea> </body> <script type="text/javascript" src="textarea.js"></script> </html>CSS代碼:
.checkTextarea{ width:150px;height:50px;overflow:hidden;resize:none;border:1px solid #cdcdcd;line-height:15px;padding:0px; }Javascript代碼:
var ta = document.getElementById("textarea"); var oriHeight = ta.clientHeight; ta.onkeyup = function(){ta.style.height = oriHeight+"px";if(ta.scrollHeight>oriHeight){ta.style.height= ta.scrollHeight+"px";} };初學(xué)者初入前端，此代碼分享出來目的是與大家分享討論學(xué)習(xí)，如有不足，請(qǐng)多指教
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/AndyGuaGua/archive/2011/08/23/Textarea.html
總結(jié)
以上是生活随笔為你收集整理的自适应高度Textarea的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
