当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS实现为textatea加横向滚动条

JS实现为textatea加横向滚动条

2012/11/9 19:07:56作者:佚名来源:网络

移动端

【实例名称】

JS实现为textatea加横向滚动条

【实例描述】

textarea用来输入多行文本,默认只有垂直滚动条。本例学习如何实现文本框的水平滚动条。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> </head> <body> <textarea  wrap="off"></textarea> </body> </html>

【运行效果】

 为textatea加横向滚动条运行效果

【难点剖析】

本例的重点是textarea的“wrap”属性。此属性用来控制文本框是否换行。如果此值设为“off”则文本框内字符超过文本框的宽度时会出现水平滚动条,但不自动换行。如果此值设置为“soft”,则将出现word中软回车的效果,即文本中字符串超过文本框宽度时文本会自动换行。

【源码下载】

为了JS代码的准确性,请点击:JS实现为textatea加横向滚动条 进行本实例源码下载 

标签: 滚动条