HTML网页中textarea的高度自适应怎么实现

 我来答
钟振森
2017-07-16 · 知道合伙人互联网行家
钟振森
知道合伙人互联网行家
采纳数:308 获赞数:1614
毕业于软件技术专业,曾任东莞知名学院IT培训讲师;

向TA提问 私信TA
展开全部

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

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式