Making Html Forms Come LivelyHere we make a little attempt to make our HTML forms come lively with pictures instead of the traditional forms. It is said that a picture is worth thousand words. Here we make a little attempt to add some fine taste to the otherwise plain vanilla HTML forms.
Read On ...
We strike newWe can make use of three interesting stylesheet attributes which comes in handy to design cool HTML forms with iconified backgrounds. They are:
- background: transparent url (This loads a thin image as a background for the element.
- background-repeat: no-repeat (This makes the image to display only once)
- background-position: center (Centering the image makes it convey the meaning immediately without even needing an associated text caption.
We can extend the trick outlined in 'We strike new' by also bringing in small icons to username and password textboxes in login screens. Iconifying controls brings in a rich look and feel to the application.Example Code Snippet: