****不斷於方框內輸入文字,隨著文字的增多,方框高度會自動提升,當方框中的文字多到一定地步的時候,則會局限輸入視窗的高度。
並於輸入視窗右側自動生成垂直scrollbar。
先鍵入一堆文字,再將所輸入的文字全選後delete時,文字輸入視窗不會讓垂直高度完全變零。
****●使用max-width,則於瀏覽器縮小時,方框自動隨瀏覽器縮小。瀏覽器變大時,最大只能到達max-width寬度。
●使用width則瀏覽器縮小時,方框依舊維持固定,參考https://www.w3schools.com/css/tryit.asp?filename=trycss_max-width
●本範例中,按下Enter,先執行function:將方框中的信息清空+方框中依舊仍存在閃爍的游標+將方框的高度限縮成一列。
然而本範例並非資料庫,因此按下Enter後,並沒有傳出文字,Enter會做工而跳到下一列,故此當按下Enter後會變成兩列。
●然而若是在PHP撰寫資料庫的語法中,按下Enter會執行傳出文字,故此並不會跳到下一列,PHP撰寫資料庫的語法中按下Enter會變回只有一列。
可參考:zz_code_appendcursorinboxcleanaftersendfontsizecolorsqlcallolddataqueryprepareChatContainerBoxtestj2_3_clickshowdata.php
●輸入文字,藉由滑鼠點擊button按鈕,可使方框被清空並變回只有一列。
****本範例可於螞蟻瀏覽器執行: