v2.5.2
Giriş yap

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

selim
99 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.

Cevap yaz
Cevaplar (2)
scotterinyes
74 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'
}
selim
70 gün önce

@scotterinyes cevap için teşekkür ederim. Araştırdığımda bende bu tarz örnekler buldum. Acaba farklı bir şekilde (özellikle css ile) yapılabilir mi diye sormak istedim. Sanırım en iyi çözüm bu.