How do I include multiple lines within a single textbox?

Question

I have the following textbox in an MVC6 form.

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

And the following CSS:

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

This appears as such:

The "New Task" text appears in the center of the textbox, and continues off the right hand edge if I continue typing.

My goal is to have a single textbox that stretches across multiple lines within that same box.

Any ideas? Thanks!

you can use textarea. [like here](http://stackoverflow.com/questions/6262472/multiple-lines-of-input-in-input-type-text) — levent, Jan 20 '16 at 15:30

score 5 · Accepted Answer · answered Jan 20 '16 at 15:33

If you need multi line text, you should consider using textarea. which is a control designed for this requirement.

There is an mvc textarea tag helper so you can use the asp-for with the textarea like you did with your input field.

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

How do I include multiple lines within a single textbox?

1 Answers1