首页 咨询中心 IT学堂
textarea 滚动显示内容的方法

 


1.听周杰伦这孩子最新专辑的主打歌,已经几日了,原来是睡在旁边的室友一天到晚放的就是这歌,嘿嘿,是《11月的肖邦》!咋10月就出来了?香港有人bt被法院判了!美国下令关闭电驴服务Cao!
我对于周杰伦的歌没有多少兴趣,只是图个新鲜,来吧,荡下来很快的喔

 

  2.一直很想看得杜妻疯的《黑社会》终于出来了,经过广电总局的妙手,现在成了《龙城岁月》,根本失去了原有的味道,还剪去了10多分钟的戏份,可想而知,这10多分钟是对咱们祖国的青少年存在严重的误导可能,对于咱们的精神文明建设会起到严重的阻碍广电总局英明!不过要看的去bt荡下来吧,趁着现在bt还不是咱们这政权严打的对象…



他想textarea来实现,但是textarea的效果就是这样的:

 

发现不同了吗? 恩,使用textarea的话,HTML标签是不能工作的,因为textarea本来就是一个用来让你输入多行文本的表单,例如wordpress默认的日志撰写区域就是一个textarea,它可以直接输入任何HTML标签,不过可以使用属性readonly来让它不能写入文本。
例如

  1. <textarea cols="2" rows="6" readonly></textarea>

那么怎样实现在类似textarea在指定区域内滚动显示多行文本呢? 一个就是使用javascript,相信大家都用过那些“所见即所得”编辑器吧?其实他们大多就是使用JS来设置textarea的。可是现在问题是写JS比较麻烦,而且,textarea是用来输入数据的表单,而不是用来显示数据的。

比较好的解决方法就是使用div+CSS来搞定了。
CSS有个属性: overflow