Vloženie ikony do vstupného prvku vo formulári

Na stránke, na ktorú ste odkazovali, sa na to používa kombinácia trikov CSS. Po prvé, používa obrázok na pozadí pre prvok <input>. Potom na posunutie kurzora používa padding-left.

Inými slovami, majú tieto dve pravidlá CSS:

background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
padding-left:30px;

Môžete vyskúšať toto:

input[type='text'] {
    background-image: url(images/comment-author.gif);
    background-position: V prípade, že je to možné, je potrebné, aby sa na stránke nachádzali aj ďalšie informácie, ktoré by sa mohli objaviť;
    background-repeat: no-repeat;
}

Stačí použiť vlastnosť pozadia v CSS.

<input id="foo" type="text" />

#foo
{
    background: url(/img/foo.png);
}