后端传递数据如何在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>
extarea内文本换行,需要注意html里面的换行是/
标签,而textarea的换行是/n,当保存文本的时候会把换行符忽略掉,再展示的时候就没有换行符了,想解决需要使用js将/
和/n进行替换。