Glyphicon w inpucie - jak dodać?

Question

Jak dodać glyphicon w inpucie? Nie chodzi mi o dodanie elementu na końcu inputu, bo tylko takie rozwiązania znajduję po internecie. Chodzi mi  aby ta ikona była wewnątrz wymazywalna tak jak tekst (nie wypozycjonowana na stałe względem imputu). Coś jak na zdjęciu poniżej. Nie mogę włożyć glyphicona w ,,value" bo pokazuje mi kod html zamiast niego.

Answer 1

O to o co Ci chodzi to jest placeholder="" w znaczniku <input>, ale tym można dodać tylko tekst. Jak dodać taką lupe to nie wiem.

Comments

akurat nie do końca sam "zwykły" tekst, bo jeśli chodzi np o Font Awesome to zadziała takie coś: placeholder="&#61447

i wyświetli ikonkę usera, ale wtedy tekstu nie można do środka wstawić ;)

---

To właśnie wiem, że można czcionkę taką ustawić, ale już nie możemy dodać zwykłego teksu.

Answer 2

Hmm, musiałbyś użyć jakiejś czcionki, która oprócz liter zawiera także ikonki (najprawdopodobniej w postaci ligatur). Albo bawić się skryptami JS i pozycjonowaniem elementu z etykietą.