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

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

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

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

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

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

    原文作者:Mr_董
    原文地址: https://blog.csdn.net/donggx/article/details/76628592
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞