首頁  >  文章  >  web前端  >  input文字方塊隨其中內容而變化長度的方法介紹

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

高洛峰
高洛峰原創
2017-03-06 16:06:253516瀏覽

這篇文章主要介紹如何讓一個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中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn