How to set TEXT height for input tag?

Ask a question
2

I need the text to be entered to the full width and then transferred to a new line. The number of lines is not limited. And so that the text starts from the beginning of the input tag and not in the middle.

I tried to set the height but only the height of the input changes (Not the height of the text field).

HTML

<input type="text" id="text" name="text" placeholder="Message*" class="in__message">

CSS

input{
    width: 100%;
    border: 1px solid rgba(194, 191, 203, 0.7);
    background: rgba(0, 0,0, 0);
    color: rgba(194, 191, 203, 0.8);
    margin-bottom: 27px;
    padding: 20px;
    font-weight: 400;
    font-size: 12px;
    height: 205px;
}

In general, you need to place the text on top and make an infinite height and transfer to another line as the width of the block is filled.

offer bounty
add comment

0 Answer

Your Answer