CSS | İnput Value Kısmını Özelleştirme

Merhaba arkadaşlar.
İnputun içindeki veriyi aşağıdaki resimde olduğu gibi nasıl şekilli yapabiliriz? Bunu css ile yapabilir miyiz?

Herhangi bir element'e input stili vererek rahatlıkla yapabilirsin. İnput kullanarak yapmak istiyorsan da CSS position olayları ile yapabilirsin.

Tam olarak anlayamadım hocam nasıl yapmam gerektiğini.
Benim yapmak istediğim şu. Sanalkursta mesaj gönder dediğimzde kullanıcının adı yukarıda vermiş olduğum resimdeki gibi oluyor. Bende bu olayı yapmak istiyorum css ile. Yani inputun içine yazılmış olan veri yukarıdaki resimdeki gibi olacak. Küçük bir örnek verebilir misiniz?

resimdeki gibi yapabilmek sadece CSS yetmez, buna da biraz JavaScript bilmen lazım, ama internette yeterince bunu sağlayabilen hazır kütüphaneler var, amerikayı yeniden keşfetmeye gerek yok:

 

http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

Şahbil Bey ben bunun kullanım şeklini anlayamadım.

Bir önceki cevabımda resimdeki görüntüyü nasıl yapacağına dair bilgi vermiştim. Sanırım Sanalkurs'daki gibi yazılan kelimeyi kutular halinde yazdırmak istiyorsun. Bunu yapmak için jQuery eklentisi kullanman gerekiyor. Sanalkurs'da "Bootstrap Tags Input" eklentisini kullandık.

Eklenti kullanımı ile ilgili aşağıdaki örneği inceleyebilirsin.

Bootstrap Tags Input Eklenti Kullanımı

Teşekkür ederim.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git