Как включить несколько строк в одном текстовом поле?

Question

У меня есть следующее текстовое поле в форме MVC6.

<input type="text" asp-for="EmptyTask.TaskDetails" placeholder="New Task" class="txt-newTask" /> 

И следующий CSS:

.txt-newTask{ 
height: 150px; 
min-width: 400px; 
max-width: 400px; 
} 

Это выглядит как например:

"Новая задача" текст отображается в центре текстового поля, и по-прежнему выключен правый край, если я продолжаю печатать.

Моя цель состоит в том, чтобы иметь одно текстовое поле, которое простирается на несколько строк внутри этого же поля.

Любые идеи? Благодаря!

Answer 1

Если вам нужен многострочный текст, вы должны рассмотреть возможность использования textarea. который является контролем, предназначенным для этого требования.

Существует mvc textarea tag helper, поэтому вы можете использовать asp-for с текстовым полем, как это было с вашим полем ввода.

<textarea asp-for="EmptyTask.TaskDetail" class="txt-newTask" 
                placeholder="Enter task"></textarea>