I just came across a situation in which it would be an elegant solution to have only portions of a text area (previously loaded with text) be editable while other portions a
In a parent element, you can set the border to 1px solid gray and then inside this, put the
1) textarea (modify the css to not have border) 2) label (no border as well)
In this case, it will look like the both texts inside 1) and 2) are together since they are placed in one box. 1) Is editable though while the other is grayed out.