****不斷於方框內輸入文字，隨著文字的增多，方框高度會自動提升，當方框中的文字多到一定地步的時候，則會局限輸入視窗的高度。
並於輸入視窗右側自動生成垂直scrollbar。
先鍵入一堆文字，再將所輸入的文字全選後delete時，文字輸入視窗不會讓垂直高度完全變零。
****●使用max-width，則於瀏覽器縮小時，方框自動隨瀏覽器縮小。瀏覽器變大時，最大只能到達max-width寬度。
●使用width則瀏覽器縮小時，方框依舊維持固定，參考https://www.w3schools.com/css/tryit.asp?filename=trycss_max-width
●本範例中，按下Enter，先執行function:將方框中的信息清空+方框中依舊仍存在閃爍的游標+將方框的高度限縮成一列。
雖然本範例並非資料庫，但藉由e.preventDefault();此特殊寫法，可避免文字被傳出後，游標於第二列進行閃爍。因此按下Enter後，游標只會於第一列閃爍，而不會跑出兩列、並於第二列閃爍。
●然而若是在PHP撰寫資料庫的語法中，即便未使用e.preventDefault();此特殊寫法，按下Enter會執行傳出文字，故此並不會跳到下一列，PHP撰寫資料庫的語法中按下Enter會變回只有一列。
可參考：zz_code_appendcursorinboxcleanaftersendfontsizecolorsqlcallolddataqueryprepareChatContainerBoxtestj2_3_clickshowdata.php
●輸入文字，藉由滑鼠點擊button按鈕，可使方框被清空並變回只有一列。
****本範例可於螞蟻瀏覽器執行： 1.將textarea方框右下角藉由滑鼠往右下方拉大，以便未來觀察閃爍游標狀況 2.輸入: 鍵入A~>Shift+Enter(換行但不傳出文字)~> 鍵入B~>Shift+Enter(換行但不傳出文字)~> 鍵入C~>Shift+Enter(換行但不傳出文字)~> 鍵入D~>Shift+Enter(換行但不傳出文字)~> 鍵入Enter傳出文字 3.傳出文字後，閃爍游標會回到第1列閃爍(而不是於第2列閃爍) 註1：倘若是由此版本 https://cc.ee.ntu.edu.tw/~d01941025/zz_code_inputManyWordsWillincreaseArea_index2.html 依照上述方式執行，則按Enter後，閃爍游標會在第2列閃爍(而不是於第1列閃爍) 註2：倘若將本列\|/20251125C刪除，則按下Enter後，會跑出兩列、並游標會於第二列閃爍。

========================================================================= .innerHTML法:可換行、可自動轉成HTML做工程式碼：