Textarea inside of a table. Avoid?

1. What can I use instead of textarea?
2. How do I make a textarea not scalable?
3. Is it valid to have a textarea element inside a button?
4. How do I remove the textarea border on my focus?

What can I use instead of textarea?

Use, <div> with contenteditable attribute.

How do I make a textarea not scalable?

A simple way to ensure that the control is not resizable is to add an explicit attribute on the textarea element using the HTML Form Element Attributes property.

Is it valid to have a textarea element inside a button?

You shouldn't try to place a button inside a textarea, that's doesn't make sense semantically and shouldn't be done. You could do what you're currently doing: positioning the button on top of the textarea in the right place.

How do I remove the textarea border on my focus?

Answer: Use CSS outline property

In Google Chrome browser form controls like <input> , <textarea> and <select> highlighted with blue outline around them on focus. This is the default behavior of chrome, however if you don't like it you can easily remove this by setting their outline property to none .