前端处理后台返回带格式的文本之textarea标签使用技巧

页面的布局排版一般都是前端工程师在页面中使用div、p标签等进行预先的设计排版，但是有时候有些带格式的文本内容是后台返回的，这就需要前端按照后台返回的格式化文本进行展示，如果这个时候还用div、p标签进行内容的包裹，就会使后台返回的文本内容丢失。这时候我们就可以使用textarea标签作为格式文本的内容包裹。

<textarea> 标签定义一个多行的文本输入控件。但是我们可以利用它的disable和readonly属性使用户不能够更改表单域中的内容让textarea标签变为一个预格式文字标签，但是它们之间有着微小的差别。

disabled 属性规定文本区域应该被禁用。被禁用的文本区域既不可用，文本也不可选择（不能被复制）。当为textarea标签被设置为disabled时，文本内容会变为灰色，设置其样式也无效，最重要的一点是当设置为disabled时当提交表单时，这个表单输入项将不会被提交；

readonly 属性规定文本区域为只读。在只读的文本区域中，无法对内容进行修改，但用户可以通过 tab 键切换到该控件，选取或复制其中的内容。当为textarea标签被设置为readonly 时，文本内容不会变为灰色，当提交表单时，这个表单输入项也会会被提交；

这也算是在开发中用到的一个小技巧吧！