Tip Precoz 5: teclados de iPhone/iPad

20/Abr/2010 5

Como muchos ya saben, Webkit siempre ha sido pionero en implementar nuevas tecnologías y las últimas versiones de los lenguajes web existentes. Muchas etiquetas y atributos de HTML 5 por ejemplo, ya se pueden utilizar desde hace mucho tiempo en browsers como Safari, Konqueror y Chrome. Este pequeño tip mostrará un atributo de HTML 5 que implementado, ayudará a que la experiencia de usuario de Safari para iPhone y iPad sea mejor.

En un campo de formulario, cuando lo seleccionas en iPhone/iPad para completarlo, automáticamente te muestra el teclado touch del aparato. Aparte del teclado QUERTY por defecto, existen 3 valores para type="" de <input /> que muestran diferentes tipos de teclados: numéricos, url y de e-mail:

<input type="text" /> (por defecto)

CSSLab: teclados para iPhone/iPad

<input type="url" />

CSSLab: teclados para iPhone/iPad

<input type="number" />

CSSLab: teclados para iPhone/iPad

<input type="email" />

CSSLab: teclados para iPhone/iPad

Los browsers que no soporten HTML5 lo obviarán y degradarán como si fuera un campo de tipo texto (type="text").

Se nota como un detalle menor pero seguro tus usuarios lo notarán y te diferenciarás con este tipo de detalles.

Comentarios

  1. Rodrigo [#]

    Ya me decía yo que algo les faltaba a algunas páginas que veía que no me ayudaban a escribir mi Mail.

    Y a este mismo formulario no se le puede poner verdad? Por untema de compatibilidad?

  2. Jorge Epuñan [#]

    Rodrigo: me pillaste peco por no implementar esta y muchas otras tecnicas q muestro en este sitio… pero espero pronto tener la nueva versión de CSSLab (v5), te sorprenderas de lo q tengo preparado.

    Gracias por recordarmelo, y espero te haya sido util.

  3. many [#]

    oye buen post como haces el efecto del mouse sobre los tips para que se vea la union de puntos que solo aparece en 1 sección ?

  4. Hzcfim [#]

    tadalafil pill – discount tadalafil generic tadalafil canada

  5. Srgprs [#]

    sildenafil vs tadalafil – tadalafil generic online tadalafil generique

Deja tu Comentario

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

CSSLab