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)
<input type="url" />
<input type="number" />
<input type="email" />
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
[…] 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 […]
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?
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.
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…
[…] 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 […]
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 ?