Is there a way to make a grid inside of a textarea?

Question

Right now I have a basic text area on my page. It's just one big box right now. I want to know if there's a way to create a sort of grid or table inside of this textbox. I know how the user will be using this. They will essentially write everything into the box like

item one                           item two                       item three

I want to know if there's an easy way to format this or make it so that they can easily click into say the middle of the textbox and it would put them inside of that "region"?

I could probably create 3 textareas and put them side by side, but I would like to avoid that if possible.

Answer 1

you would need to make multiple inputs and use css to make them appear as a single input.

textarea {border:none;resize:none;}

jsfiddle