html的textarea标签的文本显示,文本框样式简单设置 您所在的位置:网站首页 html显示隐藏文本框内容 html的textarea标签的文本显示,文本框样式简单设置

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

2024-07-12 03:16| 来源: 网络整理| 查看: 265

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

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

document.getElementById("text").value="{{sign}}"

如何从文本框中取值,如下。 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文本框样式基本设置

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

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

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



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有