textarea 显示问题

最新推荐文章于 2022-10-24 08:54:12 发布
最新推荐文章于 2022-10-24 08:54:12 发布 · 276 阅读 · 0
文章标签：

#JSP

今天遇到很奇怪，很好玩的问题:

 

    在jsp 页面写了标签

<td>
<textarea class="field" rows="5" cols="20" id="workofthisweek" name="projectreports.workofthisweek">
<s:property value="#projectreports.workofthisweek" escape="false" escapeJavaScript="false" />
</textarea>
</td>

 在页面显示的内容中却有好多空格，并且内容不在开头，也不在正中间，很郁闷

解决办法（把所有代码写在同一行即可！）：

<td><textarea class="field" rows="5" cols="20" id="workofthisweek" name="projectreports.workofthisweek"><s:property value="#projectreports.workofthisweek" /></textarea></td>
 

 

mingruofei
关注
在textarea中显示html页面的javascript代码
10-30
在textarea中显示html页面的javascript代码
textarea格式显示问题
weixin_30594001的博客
12-01 316
在 textarea 表单标签中， 当保存有换行的样式时，一般的方法有： 注：这里的info 为要显示的内容； 一、保存后在textarea 表单标签中显示时： 　　info.replace(/\n/g, '\\n'); 大概效果如： （这个框框为textarea 表单标签）； 二、在页面中显示时： 方法1、info.repla...
前台页面使用textarea标签，无法显示后台传入的String类型的值
icecoola_的博客
09-24 5721
前台页面使用textarea标签，无法显示后台传入的String类型的值 问题描述：前台开发者模式查看网页元素，发现textarea中的value已经接收到后台传过来的值，但是前台页面textarea文本框并没有显示这个值 HTML textarea 标签 解决方式： 后来尝试使用 placeholder 接受后台传值，前台页面有显示效果 也可以将后台的值 ，放在标签的文本节点，进行显示
在textarea文本域中显示HTML代码的方法
10-31
主要为大家介绍下如果在textarea文本域中显示HTML代码，其实多用于网页编辑的开发，大家可以参考下
textarea显示行号
02-24
`textarea-line-number`是一个JavaScript插件，专门用于为`textarea`提供显示行号的功能，提高了用户体验，使得用户在查看或编辑多行文本时能更清晰地了解每一行的位置。 这个插件的工作原理主要是通过监听`...
Vue实现动态显示textarea剩余字数
08-30
在Vue.js框架中，动态显示textarea的剩余字数是一个常见的需求，这可以帮助用户实时了解他们的输入是否超过了预设的字符限制。以下是如何在Vue中实现这一功能的详细步骤。 首先，我们需要在HTML模板中设置一个`...
如何实现textarea里的不同文本显示不同颜色
09-04
但如果你想要在 `textarea` 中实现不同文本显示不同颜色的效果，可以通过JavaScript来实现。 以下是一个具体的解决方案，它利用JavaScript动态创建元素并插入到 `textarea` 中，从而实现文本颜色的变化： 1. 首先...
textarea头部不顶行问题和textarea禁止拉伸
weixin_30947043的博客
01-15 175
1.<textarea>和</textarea>写在一行就不会出现头部不顶行问题了（我是这样子弄的） 2.textarea{resize：none;}解决textarea拉伸问题 转载于:https://www.cnblogs.com/gaoxuerong123/p/8289666.html...
解决easyui textarea 值不显示及获取textarea的值
l_degege的专栏
05-20 2624
一、textarea没有value属性 应这样写 <textarea rows="6" cols="" name="submit_evidence" id="submit_evidence" style="width: 70%" >${m.submit_evidence!} </textarea> 注：https://blog.youkuaiyun.com/AlbertFl...
textarea标签实现html转义textarea标签显示html代码
热门推荐
HaHa_Sir的博客
05-09 2万+
textarea标签实现html转义textarea标签显示html代码一、问题描述1、 假设有这么一段字符串： “ &lt;script&gt;alert("订单");&lt;/script&gt; ” 2、 html编码后： “ &amp;lt;script&amp;gt;alert(&amp;quot;订单&amp;quot;);&amp;lt;/script&amp;gt;&lt;br/&am
textarea 保留原字符
zrz009的专栏
11-30 567
textarea 保留原字符
textarea标签使用placeholder属性，value不显示
qq_45904018的博客
10-24 1550
html
TextArea中内容显示问题
路人甲
05-29 2727
问题描述： 在做一个简单的添加、修改的时候有一个备注栏，当时用的TextArea标签， 1.添加的时候顶格填写，简单的用dto接收，Action层也没处理，直接插入数据库表中； 2.表中一查看这个备注字段也是顶格的，前面没有空格； 3.修改页面显示备注栏时，取出的内容就不顶格显示了。 代码如下： [code="java"] [/code] 解决方法： ...
SpringMVC 表单标签中 htmlEscape 属性的作用
HaHa_Sir的博客
11-22 2万+
一、SpringMVC 表单元素标签 如下： htmlEscape="false" class="input-xlarge"/> 其中的属性 htmlEscape的作用是? 大致的意思是起转义作用。 二、测试如下 1、htmlEscape="false" ， 输入内容 " 2、htmlEscape="true" ， 输入内容 "
textarea： 保留textarea中的换行，将源样式显示在页面
zhg09shanshui163的博客
11-08 1万+
项目中有一个需求，就是保留textarea中的换行，在网页中按原格式显示。 由于textarea中的换行为“\r\n", 用js获取textarea中的内容保存到数据库中时，“\r\n"变成了空格。 当将数据库中的数据传递到html页面时，又会自动加上”\r\n“， 但是由于html能识别的换行符为”".因此有必要对textarea中的字符串进行处理。 1.在存储到数据库之前，将“\
textarea显示数量
最新发布
09-12
textarea显示数量可以通过不同的技术栈来实现，以下是几种常见的实现方法： ### jQuery + JS 实现 使用 jQuery 和 JS 可以在 textarea 右下角显示输入字数限制及当前输入字数，其中中文字符占两位。textarea 可设置为自增高度，根据内容多少自动调节高度且无滚动条，也可设置为固定高度。代码可以使用 VS2017 的 webform 实现，并且纯 jQuery + JS 实现方便移植到其他平台 [^1]。 ### Vue 实现 - **动态显示文字数量、剩余字数**：在 Vue 中，可通过监听 textarea 的 `input` 事件，动态计算输入的长度并显示剩余字数。示例代码如下： ```vue <template> <div class="text-area"> <textarea maxlength="500" @input="riseInput" v-model="rise" placeholder="请输入记录评语..."></textarea> <span>{{ extent }}</span> </div> </template> <script> export default { data() { return { extent: 500, // 长度 rise: '' }; }, methods: { riseInput() { let textVal = this.rise.length; // 输入的长度 this.extent = 500 - textVal; } } }; </script> ``` - **动态显示输入文字数量**：同样在 Vue 里，监听 `input` 事件，更新输入文字的数量。示例代码如下： ```vue <template> <div class="applyInput cb mt3"> <textarea placeholder="请输入" maxlength="500" @input="descInput" v-model="desc"></textarea> <span class="numberV">{{txtVal}}/500</span> </div> </template> <script> export default { name: 'applyAgent', data() { return { txtVal: 0, desc: "" }; }, methods: { descInput() { this.txtVal = this.desc.length; } } }; </script> ``` ### uniapp 实现 在 uniapp 中，通过定位可以在 textarea 右下角显示字数。在 `methods` 里定义方法来限制文本框字数并更新显示的字数。示例代码如下： ```vue <template> <textarea placeholder="请输入" maxlength="200" @input="sumfontnum" v-model="content"></textarea> <span>{{fontNum}}/200</span> </template> <script> export default { data() { return { fontNum: 0, content: '' }; }, methods: { // 限制文本框字数 sumfontnum(e) { this.fontNum = e.detail.value.length; } } }; </script> ``` ### a-textarea 组件实现 使用 a-textarea 组件，通过设置 `:showCount="true"` 可以在输入框里边显示字数提示。示例代码如下： ```vue <a-textarea class="text-area" v-model:value="model[field]" placeholder="请输入说明，最多不超过200个字" :rows="3" :disabled="props.isDisabled" :showCount="true" maxlength="200" /> ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值