养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

textarea怎么部分字体变颜色

时间:2024-10-24 04:52:12

textarea是html的多行文本标签,螅岔出礤在我们平时表单,资料填写等页面使用较多,你知道如何改变textarea的部分字体颜色?下面看看小编怎么实现的吧?

工具/原料

Sublime编辑器,浏览器

方法/步骤

1、新建一个txt文档,将其改成index.html.

textarea怎么部分字体变颜色

2、将这个html文档用Sublime编辑器打开,并填写html5的基础代码。

textarea怎么部分字体变颜色

3、我们先编写一个textarea标签,并在标签中填入一段文字。

textarea怎么部分字体变颜色

4、前端页面显示如下

textarea怎么部分字体变颜色

5、尝试为文字中的“textarea”字段添加一个font标签,并设置颜色为红色。

textarea怎么部分字体变颜色

6、刷新页面,可以看到font标签并没有做解析,这是髀佟彷澧因为textarea标签中只能填入纯文本,并不会解析成html标签。那么应该怎么做呢?

textarea怎么部分字体变颜色

7、我们逐吴哉姆可以用div模拟textarea标签,这样其功能和textarea标签一样,也可以修改部分字体颜色了!注意,需要开启元素的编辑功能,代码:contentEditable=‘true’!

textarea怎么部分字体变颜色

8、我们可以来看看效果!模拟的div标签和textarea标签效果一样,同样可以做文字的添加和修改!

textarea怎么部分字体变颜色

© 一点知识