Question

当用户完全填写文本框时，我想为用户创建更多文本区域（一个新的空行）。

我不确定我是否可以使用CSS或者我是否需要使用JS。

我不希望希望文本继续保持相同数量的区域，例如默认情况下会发生的情况。

我的问题是：如何制作我的代码：<div class="btn-group btn-group-sm"> <button class="btn btn-default" ng-class="{active : isActive}" ng-init="isActive = true" type="button" ng-click="playerMap.clusterToggle(true)">Clustered</button> <button class="btn btn-default" type="button" ng-click="playerMap.clusterToggle(false)">Unclustered</button> <button class="btn btn-default" type="button" id="heatmap" ng-click="playerMap.heatmap()">Heatmap</button> </div>，在填写初始文本区域时自动显示新的空文本行，而不是在同一区域中继续显示文本？

Answer 1

您应该使用<textarea>代替<input type="text">。这是多线设计。

Answer 2

HTML

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <textarea>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare elementum sapien sit amet vestibulum. Maecenas et convallis lacus.
    <textarea></textarea>

JAVASCRIPT

   function textareaResize(e) {
      $(e).css({'height':'auto','overflow-y':'hidden'}).height(e.scrollHeight);
    }
    $('textarea').each(function () {
      textareaResize(this);
    }).on('input', function () {
      textareaResize(this);
    });

Answer 3

您需要使用textarea来获取多行处理。

<textarea name="Text1" cols="40" rows="5" ... ></textarea>

Answer 4

您需要<textarea>标记！

如何在文本输入中添加另一行溢出？

4 个答案: