要设置textarea文本域的滚动条是否开启,使用style.overflow-x属性来控制。如:如果要隐藏该文本域的横向滚动条,在style属性中增加overflow-x属性控制,如下:
<textarea id=txtComments
style="overflow-x:hidden"></textarea>
相应的,若要隐藏纵向滚动条:
<textarea id=txtComments
style="overflow-y:hidden"></textarea>
如果使用代码控制的话,可能需要如下代码实现:
document.all("txtComments").style.overflowX="hidden";
overflow-x,overflow-y的可取值为:visible(默认取值),hidden,auto,scroll。
visible:始终不显示滚动条,文本区域的大小会根据内容的增加,自动增长,以显示全部内容。
scroll:不管文本区域里的内容有多少,始终显示滚动条。
hidden:始终不显示滚动条,内容超出层面的对象是不显示。
auto:如果内容在文本区域内可以全部显示,滚动条不显示,当内容无法全部显示时,内容被截断,加上滚动条显示所有内容。
textarea隐藏滚动条
示例
(
textarea自动增高并隐藏滚动条
)
<textarea style="overflow-y:hidden; height:100px;resize:none;" onpropertychange="this.style.height=this.scrollHeight + 'px'"
oninput="this.style.height=this.scrollHeight + 'px'"></textarea>
分享到:
相关推荐
jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。
textarea文本框删除当前行内容的功能
jquery新浪发布微博textarea文本框限制文字字数表单 jquery新浪发布微博textarea文本框限制文字字数表单
Vue自定义组件实现文本框根据文本内容自适应高度的效果,解决若输入文本量或显示文本量超过指定行数后,会出现垂直滚动条,但在IE环境下,该滚动条是隐藏的问题。
js代码 [removed] //显示限制输入字符method function textAreaChange(obj){ ... var count_total = $this...jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。
本文实例讲述了JS给Textarea文本框添加行号的方法。分享给大家供大家参考。具体如下: 这里使用JS实现让Textarea文本框显示行号的功能,每一行的前面都会有下数字序号,如果用来显示代码的话,可以直接找到某一行,...
内容索引:ASP源码,其它类别,textarea 以前在论坛上经常会看到有朋友问如何在文本框Textarea中显示图片,感觉很神秘的技术,其实很简单啊,看一看本例你就明白了。当鼠标点击头像的时候,会把头像插入到文本框中,...
html页面实现给textarea等等的文本框内添加可动态输入文字的多行下划线,类似于打印出来的学生考试试卷答题的那种多行横线效果一样,可在页面文本框内横线输入框上随意输入文字,调用浏览器打印文本时也可完整正常的...
主要介绍了jQuery实现限制textarea文本框输入字符数量的方法,涉及jQuery键盘事件及页面元素的相关操作技巧,需要的朋友可以参考下
今天小编就为大家分享一篇angularjs使用div模拟textarea文本框的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。
文本框输入 @ 符号的输入提示的JS代码,类似搜索框的提示,输入指定的字符会弹出提示。和自动完成功能有些区别。
HTML中的标签textarea的属性及用法
textarea 元素 textarea 元素 01 textarea 元素 textarea 元素 <textarea cols="每行中的字符数" rows="显示的行数"> 文本内容 </textarea> 描述 <textarea> 标记定义多行的文本输入控件。有两个比较重要的属性cols...