• 新记

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

    如题所述

    举报该文章
    相关建议   2017-07-16

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

    温馨提示：内容为网友见解，仅供参考
    其他看法
    无其他回答
    相似回答
    大家正在搜
    相关问题
    HTML网页中textarea的高度自适应怎么实现
    HTML网页中textarea的高度自适应怎么实现
    如何让textarea的高度自适应
    html5如何设定高度自适应？
    如何实现textarea自适应高度
    HTML网页中textarea的高度自适应怎么实现
    HTML网页中textarea的高度自适应怎么实现
    textarea如何自适应高度？