Arama kutularınızı daha hoş hale getirmek için çok fazla birşey yapmanıza gerek yok.

Biraz css ve javascript bilginizle harika tasarımlar oluşturabilirsiniz.Ekte vermiş olduğum dosyayı indirip form elementlerini kendinize göre düzenleyebilirsiniz.

CSS dosyasında aşağıdaki kod bloğunu kendinize göre düzenlemeniz gerekiyor. 

<link href="/searchfield/searchfield.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="/searchfield/searchfield.js"></script>

Form elementlerini (action) kullandığınız web yazılım diline uygun hale getirmelisiniz.

 
<form id="searchform" action="" method="post">
<p><input type="text" id="searchfield" name="searchfield" value="" />
<button type="submit">Go</button></p>
</form>

Kolay Gelsin :)

Görselliğin insan üzerindeki etkilerini de unutmayalım. 

searchfield(2).rar (22,72 kb)