Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: javirk en 19 Febrero 2012, 21:13 PM

Título: ¿Cómo se hacen los cuadros de búsqueda bonitos? HTML
Publicado por: javirk en 19 Febrero 2012, 21:13 PM
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!
Título: Re: ¿Cómo se hacen los cuadros de búsqueda bonitos? HTML
Publicado por: Shell Root en 19 Febrero 2012, 23:04 PM
Pues ahí esta, eso es HTML5
Código (html4strict) [Seleccionar]
<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>
Título: Re: ¿Cómo se hacen los cuadros de búsqueda bonitos? HTML
Publicado por: #!drvy en 19 Febrero 2012, 23:22 PM
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
Título: Re: ¿Cómo se hacen los cuadros de búsqueda bonitos? HTML
Publicado por: javirk en 20 Febrero 2012, 15:58 PM
Muchas gracias a los dos por la ayuda!