這篇文章主要介紹如何讓一個input文字方塊隨其中內容長度變化而變化長度,實作原理很簡單,大家看過之後就知道了
第一:
程式碼如下:
<input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4">
其中size="4"就是定義初始的大小,如果這裡沒有定義,那就把this.size=( this.value.length>4?this.value.length:4);裡面的4改成20,23efcc05e98690ceeb219581933e4231的預設size就是20
第二:
如果你在style裡定義了width屬性,又要讓它的width根據內容來變化,兩個要求不就矛盾了嗎.所以這裡不能在style裡定義width屬性.
更多input文字框隨其中內容而變化長度的方法介紹相關文章請關注PHP中文網!