¿Cómo se hacen los cuadros de búsqueda bonitos? HTML

[javirk]

Hola, pues lo que pone arriba, estoy haciendo una web y me gustaría saber cómo se hacen los cuadros de búsqueda que no son el típico cuadro normal con un botón feísimo al lado, como el de esta web.

He estado mirando el código fuente para ver si lo encontraba pero nada.

Un saludo y gracias!

[Shell Root]

Pues ahí esta, eso es HTML5

Código (html4strict) [Seleccionar] Expandir

<form action="" method="post">
   <label for="username">Nombre de Usuario: </label>
   <input type="text"
         name="username" id="username"
         placeholder="4 <> 10"
         pattern="[A-Za-z]{4,10}"
         required>
   <button type="submit">Enviar </button>
</form>

[#!drvy]

Mediante javascript y CSS + imagenes. Hay algunos scripts que ya lo tran todo hecho.

Aquí tienes unos cuantos ejemplos:

Ejemplo de input con CSS
-> http://woork.blogspot.com/2008/01/liquid-styled-input-element-with-css.html

Generador de Formularios CSS
-> http://faary.com/

Uniform.js para jQuery
-> http://uniformjs.com/

NiceForms
-> http://www.emblematiq.com/lab/niceforms/


Saludos

[javirk]

Muchas gracias a los dos por la ayuda!