Tip Precoz 4: input type=”search”

6/mar/2009 3

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

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab