2012-08-27 26 views
9

Sé con aplicaciones nativas de iPhone que puede usar UIKeyboardTypeDecimalPad para forzar un teclado numérico con un decimal. ¿Hay alguna manera de forzar este mismo teclado para un campo de entrada en una página web o aplicación web móvil? Si aún no, ¿alguien sabe si esta detección se agregará a Safari en iOS 6?Teclado numérico para iPhone con decimal para aplicaciones web?

Soy capaz de mostrar el teclado numérico normal sin problemas, pero realmente me gustaría tener la clave decimal para que no tenga que mostrar el teclado completo.

Gracias!

+0

¿Terminaste usando una de las siguientes soluciones? –

+0

No, aún no es posible abrir este teclado desde la web. – ARW

Respuesta

0

Apple documentation listas number como un tipo de entrada:

Un campo de texto para especificar un número. Muestra un teclado numérico en iOS 3.1 y posterior. Especificar un tipo de entrada de \ d * o [0-9] * es equivalente a usar este tipo.

+2

Gracias, sí, esto mostrará el teclado numérico normal (sin botón decimal), pero no el teclado numérico especial que incluye el decimal. Estoy intentando que el teclado UIKeyboardTypeDecimalPad que está disponible para las aplicaciones iOS nativas se muestre al tocar un formulario web. – ARW

+0

Ah sí, veo, asumí que 'number' incluía un botón decimal. – Rengers

1

El problema con number es que solo aceptará enteros. Encontré this donde menciona agregar step="any". Ahora obtienes el teclado numérico y puedes ingresar decimales.

+0

Desafortunadamente type = "number" todavía muestra el teclado alfanumérico normal. ¡Tienes que usar type = "tel" o usar pattern = "\ d *" para obtener el teclado numérico para que esto no funcione! Gracias sin embargo. – ARW

+3

En realidad, no soy 100% correcto. Trae a colación otro teclado que nunca he visto que sean números, pero con muchos caracteres adicionales como guión, corchetes, $, &, @, etc. Esperaba que el teclado numérico de estilo del teléfono con los buenos botones grandes y fáciles de presionar , y luego un decimal en la esquina inferior izquierda. – ARW

7

Esto no es posible, sin embargo, hay un ligero truco, que puede usar.

mirada a este enlace - http://www.brownphp.com/2011/05/iphone-currency-input-web-apps/

vez que el usuario empieza a escribir/escribir en el campo que se inicia la adición de los números de esta manera - 0.01 -> 0.12 -> 1.23 -> 12,34. Entonces esto puede usarse para un efecto similar.

También aquí hay una descripción general de los tipos de entrada para aplicaciones web, donde puede ver que no es posible usar el tipo de entrada con números y un punto decimal.

http://www.fabianpimminger.com/web-development/how-to-change-the-iphone-on-screen-keyboard-in-web-apps/

+0

desafortunadamente el primer enlace incluido es 404'ing :( – igorsantos07

Cuestiones relacionadas