Foro de elhacker.net

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. (http://www.marcofbb.com.ar/nuevos-inputs-en-html5/)

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

Un saludo y gracias!

Pues ahí esta, eso es HTML5

<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>

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

Muchas gracias a los dos por la ayuda!