input文字方塊隨其中內容而變化長度的方法介紹

這篇文章主要介紹如何讓一個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,的預設size就是20

第二:
如果你在style裡定義了width屬性,又要讓它的width根據內容來變化,兩個要求不就矛盾了嗎.所以這裡不能在style裡定義width屬性.

更多input文字框隨其中內容而變化長度的方法介紹相關文章請關注PHP中文網！