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

2023-11-18

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能力一般,仅供参考,有错误请指教

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐

  • 方板围棋吃子换001

    1 描述 130给定一个二维的矩阵 包含 X 和 O 字母 O 找到所有被 X 围绕的区域 并将这些区域里所有的 O 用 X 填充 示例 X X X X X O O X X X O X X O X X 运行你的函数后 矩阵变为 X X X
  • 速装jax

    jax可以理解为一个函数库 具有求导数的函数 1 建立一个环境 2 安装jax pip install upgrade jax jaxlib 0 1 74 f https storage googleapis com jax release
  • Unity3d中使用OnGUI()函数判断“键盘按下抬起”功能的新方法。

    private bool flagJudgeDownAllow true 开始值为true void OnGUI key Event current FunctionKeyCodeV1 key private void FunctionKe
  • python基础十:模块

    1 模块简介 模块化指将一个完整的程序分解成一个个的小模块 通过将模块组合 来搭建出一个完整的程序 模块化的优点 方便开发 方便维护 模块可以复用 2 模块的创建 在Python当中一个py文件就是一个模块 在一个模块中引入外部模块 imp
  • HpSocket源码使用

    说明 去除了不必要的文件 已建好tcpserver tcpclient 无连接的udpServer和udpclient类 可直接复制到项目中 然后在回调函数里面添加自己的处理函数即可 方便开发 详细使用说明见压缩包里的说明 https do
  • eclipse 启动web项目提示:Server Tomcat v7.0 Server at localhost was unable to start within 101 seconds。

    今天通过eclipse 启动web 项目提示如下错误信息 Server Tomcat v7 0 Server at localhost was unable to start within 101 seconds If the server
  • 骑缝章的正确盖法(详细图文教程)

    一般商务场景都需要盖骑缝章 合同 标书等尤其需要 因为加盖了骑缝章 合同展开后可以将骑缝章还原成原章 因此可以防止对方更换合同内页 防止对方否认合同内容 并避免因更换合同内容或否认合同内容而造成的不必要的麻烦 骑缝章有2个原则 1 印章要覆
  • 使用R语言的names函数为DataFrame数据中的所有列进行重命名

    使用R语言的names函数为DataFrame数据中的所有列进行重命名 在R语言中 DataFrame是一种常用的数据结构 用于存储和处理表格型数据 有时候 我们需要为DataFrame中的列重新命名 以便更好地理解和处理数据 这时可以使用
  • 【华为OD统一考试B卷

    在线OJ 已购买本专栏用户 请私信博主开通账号 在线刷题 运行出现 Runtime Error 0Aborted 请忽略 华为OD统一考试A卷 B卷 新题库说明 2023年5月份 华为官方已经将的 2022 0223Q 1 2 3 4 统一
  • JavaSE进阶(一)—— 面向对象进阶(static、单例、代码块、继承)

    目录 一 static静态关键字 1 static是什么 static修饰成员变量的用法 2 成员方法的分类 2 1 使用场景 3 static修饰成员方法的内存原理 4 static的注意事项 拓展 二 static应用知识 工具类 1
  • Python实现一个简单的HTTP服务器(GET/POST)

    目录 一 HTTP协议的工作原理概览 二 Request Message 三 Response Message 四 实现步骤 五 代码 六 测试 一 HTTP协议的工作原理概览 首先需要了解HTTP协议是怎么工作的 首先用户在browser
  • Gperf的安装使用

    在工程文件夹下 make cmd lookup c时报错 似乎是找不到gperf的命令 检查一下原来是没有安装gperf 于是从SOURCEFORGE上搜索Gperf 找不到 后来索性找了一个 添加链接描述 http savannah gn
  • 关于MySQL的学习笔记(超详细超完整)

    SQL 1 什么是数据库 1 全称 DataBase 简称 DB 2 数据库其实就是按照一定的格式进行存储数据的一些文件或者文件集合 理解 存储数据的仓库 而这些数据在实时存储的过程中是有特定格式的 2 什么是数据库管理系统 1 全称 Da
  • 微服务项目【分布式锁】

    创建Redisson模块 第1步 基于Spring Initialzr方式创建zmall redisson模块 第2步 在zmall redisson模块中添加相关依赖
  • 新概念英语第二册

    http www 24en com brand concept xgn2
  • 05-Flask-Flask查询路由方式

    Flask查询路由方式 前言 命令行方式 代码实现返回所有路由 前言 本篇来学习下Flask中查询路由的方式 命令行方式 window 用set linux 用 export set FLASK APP test 6 flask运行发方式
  • QT开发之对话框相关

    1 回车键和ESC按键会关闭对话框的问题 头文件 include
  • DataFrame的索引(一)

    1 选择列 import pandas as pd import numpy as np from pandas import Series DataFrame df DataFrame np random rand 12 reshape
  • 简历中尽量不要出现精通_“熟练”“精通”,这些词在简历中要慎用

    很多求职者在描述自己的技能特长的时候 简历中都会出现这样的描述 熟练操作XX软件 或者 掌握Word Excel PPT等运用 更有的人会用 精通 这样的词 但这样的描述在HR看来 就属于夸大其词 弄虚作假了 熟练操作 等于你不仅仅能够自由
  • html的textarea标签的文本显示,文本框样式简单设置

    html的textarea标签的文本显示 文本框样式简单设置 后端传递数据如何在textarea标签的文本框内显示 如下