TechXcel.com - provides technical excellence... - Text input with background image

You are here: Home

Articles

CSS

Text input with background image

(1 vote)

Written by Chetankumar Akarte

Wednesday, 26 September 2007

Article Index
Text input with background image
Design CSS
Source Code

Page 1 of 3

Text input with background image

In this article we are going to see how to add Text input with background image. We're now going to see how you can create an input box like the one you see below:

Live Demo...

Figure 1

All we need in order to create an input box like above we required image which we want to use as background and some CSS code.

You can find required images with Source code download section.
Put following piece of code in the head section, <head>… ___ …</head> tag of your web page. This input box is simply created by adding a background image to the input tag. You can also use padding so that the text doesn't overlap the background image. I have used it for inputboxSearch and inputboxStar

Prev - Next >>

Last Updated ( Wednesday, 26 September 2007 )