Tip Precoz 4: input type=»search»

6/Mar/2009 176

input type="search"

Este tip es bastante específico para usuarios del browser Safari; desde su versión 2, Apple incorporó un ‘envoltorio’ que reemplaza los <input /> que tengan como atributo type="search", cambiando el campo de <input /> normal que conocemos, cuadrado con una sombra interior, por el elegante que tiene Apple dentro de su interfaz Mac OSX. Funciona en Safari tanto para Mac como para Windows; en otros browsers degrada graciosamente con el input normal que esperamos:

<input type="search" />

Ver ejemplo

Como este nuevo valor es arbitrario no valida por la W3C, pero no deja de ser interesante.

Comentarios

  1. Daniel G. Blázquez [#]

    Se te olvido poner el FORM en el ejemplo…

  2. Rodolfo [#]

    Se pueden añadir opciones a este tipo de inputs. «autosave» permite especificar una lista reciente de busquedas, con un valor como «com.sitio.search», «placeholder» permite establecer un texto default como «buscar en este sitio» y «results» permite establecer el numero de búsquedas recientes.

  3. fearlex [#]

    Buen tip, saludos

CSSLab