How to get an input text for several lines?

Question

I am trying to make an input text box with of 10 lines, but I can not make it and I have no idea what is going worng with it.
input type="text" style="width: 300px;" class="form-control" name="commentText" id="field_commentText" [(ngModel)]="comment.commentText" required minlength="2" maxlength="65000"

How can I fix it?

 <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>

Thanks

several lines input is called `textarea` am i wrong ? – Neil Sep 28 '18 at 20:17 — Neil, Sep 28 '18 at 20:17

score 1 · Answer 1 · answered Sep 28 '18 at 20:20

1

I guess you are looking for textarea.

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

answered Sep 28 '18 at 20:20

Peter

314
1
11

score 1 · Accepted Answer · answered Sep 28 '18 at 20:21

1

Multi-line input fields are created with the textarea tag.

A text area with 10 lines will look something like this:

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

answered Sep 28 '18 at 20:21

Adam

3,829
1
21
31

score 1 · Answer 3 · answered Sep 28 '18 at 20:37

Normally a textarea is used for 2 or more lines.

<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>

How to get an input text for several lines?

3 Answers3