Wyszukiwarka z fontello na stronie

Question

Jakiego typu input wysyłający formularz moge wstawic na strone żeby była to "lupa" z fontello. Myślałem że skoro jest to czcionka to po prostu submit ale w atrybucie value to chyba bez sensu jest zrobic tak

<input type="submit" value="<i class='icon-search'></i>" />

Jeżeli ktoś wie byłbym wdzięczny 

 

Answer 1

Sprawa jest nieco bardziej złożona, nie możesz tak sobie w value dawać contentu HTML'a. Polecam zrobić ci pudełko, nadać mu display: inline-block;

<div id="box">

<i class="icon-search"></i>

<input type="text" class="twoja-klasa"/>

</div>

 Jeśli chcesz, żeby najeżdżała ona na input, możesz pudełku dać position: relative, a inputowi absolute. Dodatkowo do styli inputa dodaj padding-left, o szerokości inputa. Mam nadzieję, że czaisz o co mi chodzi. :)

Comments

Tak tylko jak ona ma teraz wysylać ten formularz?

Answer 2

Używaj <button> a nie <input> i problem się rozwiąże. Ale pamiętaj: oprócz ikonki musi być wartość tekstowa!