JS实现为textatea加横向滚动条

2012-11-09 来源：网络

【实例名称】

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加横向滚动条进行本实例源码下载