Treść zaczyna pisać się w środku inputa zamiast na początku

Question

Witam,

mam problem taki jak na obrazku poniżej, chcę , żeby wiadomość była wpisywana u góry a nie zaczynając od środka.

 

Kod

<div class="row">
                      <div class="col">
                             Wiadomośc:<input type="text" class="form-control myClass" placeholder="Wiadmomośc...">
                      </div>
    </div>

.container .myClass {
    height: 500px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }

Answer 1

Do wprowadzania dłuższego tekstu służy pole textarea a nie pole text, np.
 

Wiadomość<textarea class="myClass" placeholder="Wiadmomość..."></textarea>

I masz wiadomość na samej górze :)

Comments

Dzięki

Answer 2

1. Po co Ci flex do inputa?
2. Do wiadomości to raczej <textarea></textarea>

Comments

Masz rację, dzięki.