关于做问卷中遇到的textarea、可编辑DIV问题记录

在做问卷过程中:

textarea可以过滤掉样式。但是不能输入<script>alert(1);</script>代码后直接保存;

将我们自定义的字符串直接替换为<>,不能是&lt;&gt;,再赋值给textarea;

将textarea的值取出来去除<>时,需要查找替换< > &lt; &gt; 4个;

---------------------------

额外处理自动变高问题

---------------------------

用可编辑div,只取文本内容---经过尝试,虽然没有样式了,但是换行也不见了。如果我们需要换行显示,不支持这么做。
如果不需要换行显示,那还是能用下的

---------------------------

textarea中如果placeholder超过了一行,在苹果中会遇到只看到一行的问题。解决方法是:动态写入placeholder的值

<textarea id="remark" name="remark" onkeyup="xyAddPH(this)" placeholder="如您已线下协商好同行住宿的伙伴,可注明后尽量为您安排,如您有其它特殊要求,也请单独注明" class="tti" style="height:100px"></textarea>

function xyAddPH(dom){dom.setAttribute('placeholder','如您已线下协商好同行住宿的伙伴,可注明后尽量为您安排,如您有其它特殊要求,也请单独注明');}

 

posted @   轩辕大帝  阅读(156)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示