2016-01-20 11 views
1

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

這表現爲這樣:

Textbox

「新任務」 的文字出現在文本框的中心,並繼續關閉如果我繼續打字,則是右手邊緣。

我的目標是讓一個文本框在同一個框中的多條線上延伸。

任何想法?謝謝!

+1

使用textarea而不是輸入元素? – Grajek

+1

你可以使用textarea。 [喜歡這裏](http://stackoverflow.com/questions/6262472/multiple-lines-of-input-in-input-type-text) – levent

回答

3

如果您需要多行文本,則應考慮使用textarea。這是爲此要求而設計的控制。

有一個mvc textarea tag helper,所以你可以使用asp-for與textarea一樣,你做你的輸入字段。

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