Как я могу создать вход с текстом вверху, а не по центру

Question

Как сделать так, чтобы текст начинался сверху, а не прямо посередине?

<input class="card card-experience">
.card-experience{
    width: 600px;
    height: 100px;
    position: absolute;
    padding-bottom: 22px;
    top: 400px;
    border-color: black;
    box-sizing: border-box;
}

Answer 1

Следующие могут удовлетворить ваши требования.Удалите padding-bottom и измените тег ввода на textarea

    .card-experience {
        width: 600px;
        height: 100px;
        position: absolute;
        top: 400px;
        border-color: black;
        box-sizing: border-box;
    }

    <textarea class="card card-experience"></textarea>

примечание: если вы хотите ввести данные в несколько строк , , тег input должен быть изменен как текстовая метка.

Answer 2

1. input type = "text" используется для отдельных строк текста.

2. Вместо этого вы можете использовать "textarea", исходя из размера вашего вводаЭлемент кажется, что вы хотите взять большой ввод или разрешить много строк ввода.«textarea» позволит вам сделать это, и в то же время текст начинается с левого верхнего края.

См .: https://www.w3schools.com/tags/tag_textarea.asp

В случае, если вы используете«textarea» и не хотите, чтобы полоса прокрутки назвала это:

Удалите полосы прокрутки из textarea