textarea滚动条的简单介绍
textarea 怎么弄滚动条
要设置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 标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。
textarea 如何设置滚动条
在测试scrollWidth、clientWidth、offsetWidth时需要让textarea可以出现水平滚动条,但是发现textarea默认会自动换行,不能直接出现水平滚动条,所以为了实现该效果,需要对textarea做一些处理,输入textarea wrap="off" style="overflow:scroll;"/textarea就可以设置滚动条了。
扩展资料:
常见功能
1、自动完成
自动完成的快捷键是Tab,如果在html文件中,输入cl按下tab,即可自动补全为class=””;加上zencoding后,更是如虎添翼,后面再讲到
2、多列编辑
按住ctrl点击鼠标,会出现多个闪烁的光标,这时可同时修改多处,或者按住鼠标中键拖拽。
3、代码注释功能
ctrl+/、ctrl+shift+/分别为行注释和块注释,再按一下就能去掉注释,ST2能够自动识别是html、css还是js文件,给出不同类型的注释。
4、行操作
ctrl+alt+↑、ctrl+alt+↓向上或者向下交换两行,ctrl+enter,光标后插入空行,ctrl+d选择相似,可以参考后面的快捷键列表。
参考资料来源:百度百科-Sublime