`
Johnny_GZ
  • 浏览: 179306 次
  • 性别: 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` 的拖动调整大小是一项常见的前端优化操作,通过CSS的 `resize` 属性可以轻松实现。但这同时也需要考虑到用户...

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

    对于水平滚动条,我们可以通过设置`overflow-x: hidden;`来隐藏;对于垂直滚动条,可以使用`overflow-y: hidden;`。不过,隐藏滚动条可能导致用户无法查看超出视口的内容。因此,在实际应用中,我们通常会结合高度...

    在textarea文本域中显示HTML代码的方法

    在示例中,`iframe`的ID被设置为"tryit",并设置了一些样式属性如宽度、高度和滚动条。然后通过JavaScript来操作`iframe`的`document`对象,开启设计模式(`designMode="On"`),允许在其中进行编辑。接着打开、写入和...

    TextareaAutosize根据内容的大小自动调整Textarea

    这个特性极大地提升了用户体验,因为它避免了滚动条的不必要出现,使得用户能更直观地看到他们输入的内容。 实现`TextareaAutosize`功能,通常需要编写一段JavaScript代码或者引入特定的库,例如`autosize`插件。这...

    jQuery插件:自动扩展文本域

    在传统的HTML页面中,文本域(`&lt;textarea&gt;`)通常具有固定的行数和列数,当用户输入的内容超出其范围时,会出现滚动条。然而,自动扩展文本域插件改变了这一情况,它允许文本域随着用户输入的内容实时调整大小,提供...

    textarea文本域宽度和高度width及height自动适应实现代码

    本文将详细介绍如何通过JavaScript和CSS来实现`textarea`文本域的宽度和高度自适应。 首先,对于宽度的自动适应,通常我们希望`textarea`能填满其父容器的宽度。在HTML中,我们可以给`textarea`添加一个CSS类,如`...

    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光标处插入文本

    - 如果`textarea`滚动条之前被激活,则保存滚动条的位置并恢复。 - 设置新的光标位置为插入文本后的位置。 #### 二、代码详解 下面是具体的JavaScript函数`insertAtCursor`的详细解释: ```javascript function ...

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

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

    [转]TextArea TextField 文本 即时显示最后一行

    它提供了比TextField更丰富的文本格式化选项,例如换行、滚动条和自动调整大小等特性。而TextField则通常用于单行文本输入或显示,虽然也支持多行文本,但其功能相对简单。 在AS3中,我们可以通过监听文本字段的...

    文本框属性

    比如,通过设置`style="overflow:auto"`可以使文本框在内容超出时显示滚动条,`style="background-color:BFCEDC"`则改变背景颜色。然而,直接在标签中使用样式通常不推荐,因为它破坏了结构与表现的分离原则。 ### ...

    自定义滚动条3.0

    3. **textarea渲染**:支持在文本域(textarea)中应用自定义滚动条。 4. **嵌套div渲染**:解决嵌套div的滚动高度计算问题,优化对嵌套结构的支持。 5. **横向滚动条**:添加对同时出现横向滚动条的支持,满足多...

    Textarea根据内容自适应高度

    在网页设计中,有时我们需要一个`Textarea`(文本域)能根据输入的内容自动调整高度,以保持良好的用户体验,避免用户滚动浏览过长的文本。这个功能可以通过JavaScript来实现,正如标题“Textarea根据内容自适应高度...

    jQuery实现textarea自动增长宽高的方法

    传统的textarea组件在高度固定的情况下,一旦内容超出了设定的行数,就会出现滚动条,影响视觉效果和用户输入体验。针对这一问题,通过jQuery技术可以实现textarea在内容增加时自动增长其高度和宽度,从而保持界面的...

    JS在textarea光标处插入文本的小例子

    &lt;title&gt;JS在文本域鼠标指定位置插入文本-柯乐义 function insertAtCursor(myField, myValue) { // IE 支持 if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text...

    用java编写的记事本,基本功能都实现了啊!

    - 设置文本编辑区域及其滚动条。 - 设置状态栏显示初始状态为“未修改”。 3. **设置事件监听器:** ```java private void setUpEventListener() { // 窗口关闭监听器 addWindowListener(new WindowAdapter...

Global site tag (gtag.js) - Google Analytics