javascript - 请教怎么用简单的代码解决textarea高度自适应?
本文介绍了javascript - 请教怎么用简单的代码解决textarea高度自适应?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
对于textarea的问题,之前一直采用的用div标签代替,提交表单的时候再用js将div标签复制到textarea。
但是利用div实现placeholder效果也不是很好,而且在firefox还有一点兼容性问题。
现在想换回textarea,google找到了一些方案,但是代码都比较长,刚接触js,有点无法理解。拜托大神们给一个利用jquery/javascript的简单通俗的实现方式。
解决方案
js的方法楼上讲的差不多,我的实现思路也是那样,没啥好写的了。
那就来个优雅的div的placeholder的解决方案
<div contenteditable="true" placeholder="输入用户名"></div>
css如下
[contenteditable]:empty:before {
content: attr(placeholder);
display: block;
/* For Firefox */
color: #999;
}
这篇关于javascript - 请教怎么用简单的代码解决textarea高度自适应?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文