如何在单个文本框中包含多行？ [复制]答案

【问题标题】：How do I include multiple lines within a single textbox? [duplicate]如何在单个文本框中包含多行？ [复制]
【发布时间】：2016-04-26 12:33:32
【问题描述】：

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

如下所示：

“新任务”文本出现在文本框的中心，如果我继续输入，它会从右侧边缘继续。

我的目标是在同一个框中有一个跨越多行的单个文本框。

有什么想法吗？谢谢！

【问题讨论】：

使用 textarea 代替 input 元素？
你可以使用textarea。 like here

标签： css textbox asp.net-core-mvc

【解决方案1】：

如果你需要多行文本，你应该考虑使用textarea。这是针对此要求设计的控件。

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

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

【讨论】：