textarea 固定大小，滾動條，限制拖動，文字對齊

取值：$("#ID").val();

控制大小：加width,height限制(style="width:100px;height:200px;");或row,col限制(<textarea rows="5" cols="7">);

限制拖動：              style="resize:none;"

滾動條效果：           style="overflow:scroll;"   

對滾動條隱藏:

       水平滾動條:     style="overflow-x:hidden;"

       垂直滾動條:     style="overflow-y:hidden;"

文字左對齊:

        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>

   

代碼：(style 可單獨提到css中書寫)         

     <textarea id="ID"  style="width:100px;height:200px;overflow:scroll;resize:none;" >

content;
</textarea>

 

對齊方式中具體什麼效果，還請自行實踐！此處就不一一列舉。。。