Tip Precoz 5: teclados de iPhone/iPad

20/abr/2010 6

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. Twitter Trackbacks for CSSLab - Tip Precoz 5: teclados de iPhone/iPad [csslab.cl] on Topsy.com [#]

    […] CSSLab – Tip Precoz 5: teclados de iPhone/iPad http://www.csslab.cl/2010/04/20/tip-precoz-5-teclados-de-iphoneipad – view page – cached 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… Read moreComo 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. View page Tweets about this link Topsy.Data.Twitter.User[‘csslab’] = {“location”:”Santiago, Chile”,”photo”:”http://a1.twimg.com/profile_images/421241744/Photo_1_normal.jpg”,”name”:”csslab”,”url”:”http://twitter.com/csslab”,”nick”:”csslab”,”description”:”Jorge Epuñan, master of the puppets of CSSLab.cl”,”influence”:””}; csslab: “Nuevo articulo en CSSLab: Tip Precoz 5: teclados de iPhone/iPad http://bit.ly/bJAB9N ” 26 minutes ago view tweet retweet Filter tweets […]

  2. 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?

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

  4. uberVU - social comments [#]

    Social comments and analytics for this post…

    This post was mentioned on Twitter by csslab: Nuevo articulo en CSSLab:
    Tip Precoz 5: teclados de iPhone/iPad http://bit.ly/bJAB9N

  5. iPad, recomendaciones de usabilidad para tu web | 13fqcs [#]

    […] lo ví en Tip Precoz 5: teclados de iPhone/iPad. Pongo ejemplos de los diferentes tipos de teclado que se muestran en función del tipo de […]

  6. 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 ?

Responder a iPad, recomendaciones de usabilidad para tu web | 13fqcs ×

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

CSSLab