jsp 隐藏textarea的滚动条

来源：互联网发布：小程序三级分销源码编辑：程序博客网时间：2024/05/29 07:42

注：若想隐藏textarea的滚动条，只需加上下面的代码即可，当输入的内容超过一定的高度后，滚动条会自动显示出来。
<textarea wrap="off | hard | virtual | physical" style="overflow:auto;"></textarea>

说明：
wrap="off" 不自动换行，默认属性
wrap="hard" 自动硬回车换行，换行标记不会被一起发送

----------------------------------------------------------------------------

以下这两个参数都会让输入的文字超过栏宽时候自动换行，发送数据的时候，不同之处见其后说明
wrap="virtual" 只有在按回车的地方有换行，其他部分不做变化
wrap="physical" 依照输入的格式发送数据

下面是代码例子(直接拷贝就能运行)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>可控的textarea</title>
<style type="text/css">
html,body{
font-family:Tahoma;
margin:0;
padding:20px;
overflow:hidden;
}
input,textarea{
margin:0;
padding:0;
font-size:13px;
}
label{
padding:2px 0;
display:block;
}
label input{
width:300px;
border:solid 1px #ccc;
}
textarea{
width:300px;
border:solid 1px #ccc;
overflow:auto;
}
</style>
</head>
<body>
<div style="width:300px;font-size:12px;text-align:center;line-height:22px;color:#fff;background:#e00;">
这里的宽度与input，textarea都是300px
</div>
<label>
<input type="text" />
</label>
<label>
<textarea wrap="virtual"></textarea>
</label>
<label>
<textarea wrap="hard"></textarea>
</label>
<label>
<textarea wrap="off"></textarea>
</label>
<label>
<textarea wrap="physical"></textarea>
</label>
</body>
</html>