輸入框自適應輸入的內容

我的需求是：每次輸出英文分號 ; 就把輸入框的長度增加。

import react,

from
'react'
;import
from
'react'
const
[inputdata , setinputdata]
=usestate(''
);//輸入框的內容
const
[length , setlength]
=usestate
(316);
//初始化輸入框的寬度 
const inputel =
useref
(null);
//獲取input dom元素
"email" placeholder=
"請輸入使用者的郵箱位址" style=
} ref=
onchange=}}
/>

高度自適應的輸入框

有時候我們需要乙個高度能隨內容自動增加的輸入框，input顯然不行，因為input裡的文字是不換行的。文字域textarea裡的文字倒是換行的，可一旦文字內容超過其高度，textarea就會增加乙個煩人的滾動條，這是很影響視覺的，就如同下面 那麼有沒有辦法製作乙個高度能隨文字內容自動增加的輸入框呢？...

實現乙個高度自適應的輸入框

有placeholder，輸入為空時，顯示placeholder 可設定maxlength 將textarea的高度設定成auto，overflow設定成visible。如下 height auto overflow x visible overflow y visible width 300px ...

實現乙個高度自適應的輸入框

需求背景 設想1 使用textarea實現 將textarea的高度設定成auto，overflow設定成visible。如下 複製 但是經過測試，textarea實際上將是預設的高度，隨著輸入的增多會出現滾動條，並沒有達到我們想要的效果。設想2 contenteditable 我們知道可以將div...