有时候在展示一段文字，我们不希望占用太多的空间，这时候自然就想到了textarea。但是textarea只是展示纯文本 ，不给与解析textarea文本框内的html代码。这样我们可以使用div来实现textarea的相同效果。
1 2 3 4 | <div style="width: 98%; min-height: 120px; max-height: 300px; margin-left: auto; margin-right: auto; padding: 3px; outline: 0; border: 1px solid #a0b3d6; font-size: 12px; line-height: 24px; word-wrap: break-word; overflow-x: hidden; overflow-y: auto; border-color: rgba(82, 168, 236, 0.8); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);background-color: rgba(222, 237, 242, 0.89);" contenteditable="true"> // 填充html标签 // contenteditable 元素是否可以编辑 true为可编辑</div> |