How to create search box with custom textbox and custom button ?

I have the images ready, I just do not know how to code it so that it function properly. At least, I can see the appearance on the web.

do u want image in the form or an button????

For your kind attention, Kindly post the question in a clear manner so that it can save our time and helpfull to all.

Text boxes and buttons are fully customisable with CSS. You can set background images, change borders etc

It's very easy, just use photoshop to crop the button and the box field. Then in HTML create a form that contain a input for the search box and submit button for the search, to do so:

<form method="POST" action="search.php">
    <input name="search" value="Search keyword ..." type="text" id="searchb">
    <input name="sbutton" value="Search" type="submit" id="submitb">

Now using css, it's something close to this but you may need to adjust it so it looks perfectly like the image:

#searchb{border:0px; background-image:url('..../search.jpg');}
#submitb{border:0px; background-image:url('..../button.jpg');}