HTML網頁中textarea的高度自適應怎麽實現方法:
方法步驟:
1、實例名稱
textarea自適應文字行數
2、實例描述
textarea是HTML中的文本元素,可實現文字的多行輸入,也可以控制行數和列數。本例學習如何讓textarea根據用戶的輸人文本,自動調整高度和寬度。
3、實例代碼
<html?xmlns="http://www.w3.org/1999/xhtml"?><head>
<title>標題頁</title>
</head>
<body>
<textarea?rows=1?name=txt1?cols=27?
onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea></body>
</html>
4、運行效果
5、難點剖析
本例的重點是texlarea元素的“onpropenychange”事件。當文本內容發生變化時會觸發此事件。“posHeight”表示文本輸入框的高度,“scmllHeight”表示內容的高度。