textarea标签是不支持局部文字改变颜色的，也不支持内部嵌套其他标签，想要达到以上效果，可以用HTML 5 全局 contenteditable 属性，contenteditable 属性规定是否可编辑元素的内容，设置html标签的contentEditable=‘true’时，即可开启该元素的编辑模式。
达到仿照textarea的效果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>textarea</title>
</head>
<body>
<div style="border: 1px solid #CBCBCB;height: 200px;width: 400px" contenteditable="true">
<span contenteditable="false">投入：</span><span style="color: red">500</span>
</div>
</body>
</html>