How would i add small icons inside the fields of a form?


like little icon of phone inside the phone field. it is done a lot nowadays…


Hi Gil, 

To get an icon inside a field you just have to use a bit of CSS. 

Here is a quick example I threw together:

Here is the CSS:


#phone_number {<br />&nbsp; &nbsp; background-image:url(<a href="" rel="nofollow" target="_blank" title="Link https//cdn1iconfindercom/data/icons/MetroStation-PNG/128/MB__phonepng"></a>;&nbsp;<br />&nbsp; &nbsp; background-repeat: no-repeat;&nbsp;<br />&nbsp; &nbsp; background-position: 98% 50%;<br />&nbsp; &nbsp; background-size: 20px 20px;<br />&nbsp; }<br />

Of course, there are multiple ways to go about it and you can style it to fit your overall page design but that’s the basic idea.