html的textarea标签的文本显示，文本框样式简单设置

后端传递数据如何在textarea标签的文本框内显示，如下。

<textarea id="text" type="text" name="sign" v-model="text" class="sign" placeholder="默认显示文字的属性"></textarea><script>document.getElementById("text").value="{{sign}}"</script>

如何从文本框中取值，如下。

this.text = text.value -----axios

text = test.innerHTML -----js

text = test.value -----js

text = $("#test").val() -----jq

text = $("#test").text() -----jq

text = $("#test").html() -----jq

placeholder属性，表示输入框无内容时默认显示的提示信息，默认建灰色字体。

textarea文本框样式基本设置

<style>#text {/*去掉右下角的斜杠，不允许文本框缩放*/resize: none;background: #FFFFFF;/*将边框去掉*/border: 0;/*设置宽度高度*/height: 80px;width: 400px;/*设置字体大小*/font-size: 18px;/* placeholder位置 提示靠左靠右居中等 */text-align: left;/* 其他样式还有不少，没有用就没查，需要可自行查看 */}</style>

textarea内文本换行，需要注意html里面的换行是/

标签,而textarea的换行是/n，当保存文本的时候会把换行符忽略掉，再展示的时候就没有换行符了，想解决需要使用js将/

和/n进行替换。

html能力一般，仅供参考，有错误请指教