Adaptar formularios en Safari al iPhone / iPod Touch

Publicado en: Tecnología

Cuando uno accede desde un terminal móvil, toda adaptación para leer e interactuar cómodamente es poca. Y en el caso de los iPhone y los iPod Touch se me hace más interesante, que para eso lo uso constantemente. Y como el saber no ocupa lugar y mejorar siempre es bueno, he encontrado la manera de hacer que los formularios de este Blog estén mejor adaptados a la idiosincrasia del iPod, haciendo que el teclado pequeñito esté enfocado a los datos de las cajas de los formularios. Estas etiquetas solo son válidas para Safari, gracias a su web-kit.

Ejemplos prácticos:

Al escribir un email en iPod, que salga el teclado con la arroba, preparado para email:
en el tag <input> poner: type=»email»

Que no empiece a escribir en la campo por mayúscula:

autocapitalize="off"

Quitar la autocorrección de un campo:

autocorrect="off"

Resumen de opciones más utilizables:

Texto: <input type="text" /> (muestra el teclado estándar)
Teléfono: <input type="tel" /> (muestra el teclado para teléfonos)
URL: <input type="url" /> (muestra el teclado para URL)
Email: <input type="email" /> (muestra el teclado para correo electrónico)
Código Postal: <input type="text" pattern="[0-9]*" /> (muestra el teclado para códigos postales)

La documentación completa está en la web de desarrollo para Safari
http://developer.apple.com/safari/library/codinghowtos/Mobile/UserExperience/index.html

  1. […] See more here: MacOSas :: Blog » Blog Archive » Adaptar formularios en Safari al … […]