`
Johnny_GZ
  • 浏览: 176814 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

textarea文本域的滚动条设置

    博客分类:
  • html
 
阅读更多

<html>
 <head>
  <title>测试编码</title>
  <script>
     </script>
 </head>
 <body>  
  <!--
  要设置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 cols="15" rows="3"></textarea>
  <br/>
  <textarea cols="15" rows="3" style="overflow-x:scroll;overflow-y:hidden;"></textarea>
 <br/>
 </body>
</html>

 

分享到:
评论

相关推荐

    textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法

    要设置textarea文本域的滚动条是否开启,使用style.overflow-x属性来控制。如:如果要隐藏该文本域的横向滚动条,在style属性中增加overflow-x属性控制,如下: &lt;textarea id=txtComments style="overflow-x:...

    textarea自适应高度标签,去除难看的滚动条

    这是一个令textarea高度自适应的插件,使用jquery 去掉令人非常讨厌的滚动条;

    div模拟textarea文本域实现高度自适应效果代码

    一、关于textarea文本域以及高度自适应 textarea标签为表单元素,一般用在多行文字的输入。在web应用上常见的是评论输入框,微博信息输入框等。例如企鹅微博的输入框: 作为多行文本域功能来讲,textarea满足了我们...

    js实现textarea限制输入字数

    通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符): ...

    css textarea 高度自适应,无滚动条

    用css控制textarea文本域的高度随内容的变化而变化,不出现滚动条. CSS代码: 复制代码代码如下: .t_area{ width:300px; overflow-y:visible } &lt;textarea class=”t_area”&gt; 随便在这里输入内容,textarea的高度...

    textarea不能通过maxlength属性来限制字数的解决方法

    通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符): ...

    从入门到精通HTML5——PDF——网盘链接

     9.5 文本域标记——textarea 198  9.6 id标记 199  9.7 小结 200  9.8 习题 200  第10章 多媒体页面 202  视频讲解:18分钟  10.1 设置滚动文字 203  10.1.1 滚动文字标签——marquee 203  10.1.2 ...

    html入门到放弃笔记

    作用:在页面中表现为一条直线 语法: 属性: 1、size 尺寸,以 px 为单位的数值 2、width 宽度,以 px 或 % 为单位的数值 3、align 水平对其方式 4、color 颜色 Demo : 02-text.html 中 增加一根...

Global site tag (gtag.js) - Google Analytics