HTML 标签 textarea 在大部分浏览器中只要指定行（rows）和列（cols）属性，就可以规定 textarea 的尺寸，大小就不会改变，不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同，可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局，使页面变得不美观。可以通过添加如下两个样式禁用拖动，固定大小：
1：彻底禁用拖动（推荐）
style=”resize:none;”
2：只是固定大小，右下角的拖动图标仍在
加width,height限制
(style=”width:100px;height:200px;”);
或row,col限制
(<textarea rows=”5″ cols=”7″>)
3、滚动条效果：
style=”overflow:scroll;”
4、对滚动条隐藏:
水平滚动条: style=”overflow-x:hidden;”
垂直滚动条: style=”overflow-y:hidden;”
5、文字左对齐:
textarea会把开始标签到结束标签里的内容全部原样显示，包括空格和代码。
如果要让内容从左上开始显示，就必须不留空格，即<textarea rows=”” cols=””>content</textarea>。
但若 foreach 书写内容，且需要每次循环后换行 ，此时就需要 换行，且顶格写；
eg： 下面的代码对齐方式有意为之，foreach 顶边线书写;
<textarea id="ID" style="width:100px;height:200px;overflow:scroll;resize:none;" > <?php foreach($data as $val):?><?php echo $val;?><?php endforeach;?> </textarea>
6、代码：(style 可单独提到css中书写)
<textarea id="ID" style="width:100px;height:200px;overflow:scroll;resize:none;" > content; </textarea>
