如何在单个文本框中包含多行？

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

这样显示：

＆＃34;新任务＆＃34;文本显示在文本框的中央，如果我继续输入，则会从右边缘继续显示。

我的目标是让一个文本框延伸到同一个框内的多行。

有什么想法吗？谢谢！

Answer 1

如果您需要多行文字，则应考虑使用textarea。这是为此要求设计的控件。

有一个mvc textarea tag helper，因此您可以像使用输入字段一样使用asp-for和textarea。

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