當前位置:編程學習大全網 - 行動軟體 - HTML網頁中textarea的高度自適應怎麽實現

HTML網頁中textarea的高度自適應怎麽實現

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”表示內容的高度。

  • 上一篇:形容鞭炮
  • 下一篇:尋找農村題材電視劇壹部
  • copyright 2024編程學習大全網