v2.5.2
Giriş yap

İnput alnımım genişliğinin değeri kadar olmasını istiyorum

selim
383 defa görüntülendi

input

Arkadaşlar merhaba, yapmak istediğim şey input alanlarıma dinamik gelen değerlerin uzunluğuna göre inputumun genişliğini belirlemek.

Yani yukarıdaki ilk inputumun değeri uzun olduğu için tüm yazıyı gösterecek kadar width değeri, aşağıdakide çok kısa olduğu için onun genişliği kadar width değeri vermek istiyorum.

Umarım anlatabilmişimdir. Şimdididen yardımlarınız için teşekkürler.

scotterinyes
903 gün önce

input'unuzun onkeyup'ına function ı ekleyin

örnek :

<input type="text" id="prototurk" onkeyup="inpWidth(8)">

buradaki `( 8 )` sayısını karakter genişliği için kullandım. font-size'ınıza göre yükseltip düşürebilirsiniz.

`Script` tagleri içinde functionı sayfanıza ekleyin

function inpWidth(v){
    this.event.target.style.width = this.event.target.value.length * v + 'px'
}