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

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>

extarea内文本换行,需要注意html里面的换行是/
标签,而textarea的换行是/n,当保存文本的时候会把换行符忽略掉,再展示的时候就没有换行符了,想解决需要使用js将/
和/n进行替换。

你可能感兴趣的