如何获取多行的输入文本？ [复制]答案

【问题标题】：How to get an input text for several lines? [duplicate]如何获取多行的输入文本？ [复制]
【发布时间】：2019-03-04 20:27:36
【问题描述】：

我正在尝试制作一个 10 行的输入文本框，但我做不到，我不知道它会发生什么。
输入类型=“文本”样式=“宽度：300px；” class="form-control" name="commentText" id="field_commentText" [(ngModel)]="comment.commentText" 需要 minlength="2" maxlength="65000"

我该如何解决？

 <div class="form-group">
    <label class="form-control-label" jhiTranslate="jhipsterPress08App.comment.commentText" for="field_commentText">Comment Text</label>
        <input type="text" style="width: 300px;" class="form-control" name="commentText" id="field_commentText"
                                            [(ngModel)]="comment.commentText" required minlength="2" maxlength="65000"/>
            <div [hidden]="!(editForm.controls.commentText?.dirty && editForm.controls.commentText?.invalid)">
            <small class="form-text text-danger"
                                            [hidden]="!editForm.controls.commentText?.errors?.required" jhiTranslate="entity.validation.required">
                                            This field is required.
            </small>
            <small class="form-text text-danger"
                                            [hidden]="!editForm.controls.commentText?.errors?.minlength" jhiTranslate="entity.validation.minlength" translateValues="{ min: 2 }">
                                            This field is required to be at least 2 characters.
            </small>
            <small class="form-text text-danger"
                                            [hidden]="!editForm.controls.commentText?.errors?.maxlength" jhiTranslate="entity.validation.maxlength" translateValues="{ max: 65000 }">
                                            This field cannot be longer than 65000 characters.
            </small>
        </div>

谢谢

【问题讨论】：

几行输入被称为textarea我错了吗？

标签： html css

【解决方案1】：

通常一个 textarea 用于 2 行或更多行。

<div class="form-group">
    <label class="form-control-label" jhiTranslate="jhipsterPress08App.comment.commentText" for="field_commentText">Comment Text</label>
    <textarea class="form-control" name="commentText" id="field_commentText" rows="10" cols="80"></textarea>
</div>

【讨论】：

【解决方案2】：

使用textarea 标签创建多行输入字段。

一个 10 行的文本区域将如下所示：

<textarea rows="10" cols="50">
    A bunch of text goes here.
</textarea>

【讨论】：

【解决方案3】：

我猜你正在寻找 textarea。

<textarea id="comment" cols="40" rows="10"></textarea>

【讨论】：