解決textarea被拉伸問題

textarea 禁止拉伸問題

　　eg:<textarea rows="3" cols="25" name="imgTable.imgDesc" style="resize: none; "></textarea> 

　　HTML 標籤 textarea 在大部分瀏覽器中只要指定行（rows）和列（cols）屬性，就能夠規定 textarea 的尺寸，大小就不會改變，不過更好的辦法是使用 CSS 的 height 和 width 屬性,可是Chrome,Safari和FireFox渲染的效果不一樣，能夠拖動右下角圖標改變大小。可是過度拖動大小會影響頁面佈局，使頁面變得不美觀。

　　能夠經過添加以下兩個樣式:

　　　　1.禁用拖動;

　　　　　　利用css，給textarea加上一個屬性resize,值設置爲none便可；

 　　　　　　eg：style="resize:none;"

　　　　2固定大小.

　　　　　　固定大小以後，可是拖動的圖標仍在.

　　　　　　eg：textarea{

　　　　　　　　　　width:200px;

　　　　　　　　　　height:100px;

　　　　　　　　　　maxwidth:200px;

　　　　　　　　　　maxheight:100px;

　　　　　　　　}

　　textarea在IE、Firefox下統一效果的解決方案 

　　　　若是用textarea的屬性字數寬度（cols）和行數（rows）來控制textarea的大小你會發如今，在IE和Firefox下的每行字數和文字的行數都不相同，並且在字數不足滾動的狀況下，IE是默認有滾動條的，而FF是沒有滾動條的。

　　那如何控制textarea在IE中和Firefox中相同的效果呢，其實比較簡單：

　　　　一、用textarea的寬度（widht）和高度（height）來定義textarea的大小；
　　　　二、讓滾動條自適應：overflow-y:auto。