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
MacOSas :: Blog » Blog Archive » Adaptar formularios en Safari al …
[…] See more here: MacOSas :: Blog » Blog Archive » Adaptar formularios en Safari al … […]