javascript - 物化TextArea不是动态变化的吗？

问题描述

使用 TextArea，class="materialize-textarea"。在https://materializecss.com/forms.html的文档中，应该不需要 javaScript 或 jQuery 来让 TextArea 向下扩展并随之移动页面的内容。

当我在 TextArea 内输入文本时，我无法按 Enter 向下移动。我只能沿着这条线写到无穷大。这不是我想要的，显然，我想要的是 TextArea 在文本到达行尾时调整大小，但事实并非如此。以前有人遇到过这个问题吗？

HTML: 
<div class="container" id="applyDiv">
    <h4 class="header center green-text">APPLY FOR MEMBERSHIP</h4>
    <div class="row">
        <form class="col s12">
            <div class="row">


                <p class="light">
                    By submitting your company details you can get access to StoryTourist and create your own 
                    customized stories for your audience to enjoy around the world!
                </p>
                <div class="input-field col s12">
                    <i class="material-icons prefix green-text">business</i>
                    <input placeholder="Company Name" type="text" class="validate">
                </div>
                <div class="input-field col s12">
                    <i class="material-icons prefix green-text">mail outline</i>
                    <input placeholder="Company e-mail" type="text" class="validate">
                </div> 
                <div class="input-field col s12">
                    <i class="material-icons prefix green-text">phone</i>
                    <input placeholder="Company phone-number" type="text" class="validate">
                </div> 
                <div class="input-field col s12">
                    <i class="material-icons prefix green-text">mode_edit</i>
                    <input placeholder="Message us..." textarea id="textArea1" class="materialize-textarea"></textarea>
                </div>


            </div>
        </form>
    </div>        
    <div class="row center padding-bottom-1">
        <a class="btn-small green" id="sendButton">Submit details</a>
    </div>
</div>

更新

改变：

<input placeholder="Message us..." textarea id="textArea1" class="materialize-textarea"></textarea>

至：

<textarea placeholder="Message us..." textarea id="textArea1" class="materialize-textarea"></textarea>

现在面临页面不会随 TextArea 动态变化的问题，我的 CSS 中没有固定高度。

标签： javascripthtmlmaterialize

javascript - 物化TextArea不是动态变化的吗？

问题描述

解决方案

推荐阅读