İnput alnımım genişliğinin değeri kadar olmasını istiyorum
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.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
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'
}