html - teclado - texto predictivo samsung j7 neo

¿Qué tipo de campo de entrada obliga al teclado móvil del teclado numérico a aparecer cuando está enfocado?

Question

Intenté con <input type="number" /> pero en Opera que genera un extraño cuadro de entrada junto con un controlador "arriba y abajo". Lo que esperaba era un campo de texto regular que, una vez que te concentras en él, solicita el teclado numérico en lugar de los alfabetos. ¿Es eso posible?

ps no estoy tratando de validar Sería una buena experiencia de usuario, eso es todo.

Answer 1

Esta publicación ya no es válida. Todos los teléfonos inteligentes son compatibles con HTML5 y CSS3 ahora, por lo que agregar type = "number" hace que el teclado numérico aparezca. Acabo de comprobarlo en 2 versiones diferentes de Android, y un iPhone. Solo para que nadie en el futuro intente WAP en lugar del formato HTML5 correcto.

Answer 2

La forma oficial de HTML5 para manejar números de teléfono es:

<input type="tel">

Es posible que no le haya gustado el "cuadro de entrada extraño" que obtuvo con Opera cuando usó <input type="number" /> , pero ese es realmente el tipo apropiado de área de entrada cuando desea que los visitantes ingresen un valor numérico.

Answer 3

Pruebe <input type="number" pattern="/d*"> O <input type="tel" pattern="/d*"> Esto le ayudará si está trabajando con Android.

Answer 4

Use pattern="[0-9]*"

• Ejemplo de entrada de número: <input type="number" pattern="[0-9]*" />

• Ejemplo de entrada de teléfono: <input type="tel" pattern="[0-9]*" />

Nota: los navegadores que no admiten type="tel" se establecerán de forma predeterminada en un tipo de texto

Cuidado: el uso de type="number" puede causar problemas con algunos navegadores y la experiencia del usuario para tarjetas de crédito, códigos postales y entradas telefónicas en las que un usuario podría tener que ingresar puntuación o una coma en la salida.

Referencias:

• http://bradfrost.com/blog/mobile/better-numerical-inputs-for-mobile-forms/
• http://danielfriesen.name/blog/2013/09/19/input-type-number-and-ios-numeric-keypad/

Answer 5

type = "número" es HTML5 y muchos teléfonos no son compatibles con HTML5 . Para el enlace de llamada, puede utilizar type = "tel" o <A href="wtai://wp/mc;600112233">Special A</A> . También deberías mirar las extensiones CSS WAP (página 56) .

EDICIÓN 10/2015:
La mayoría, si no todos, los teléfonos inteligentes son compatibles con HTML5 y CSS3, por lo que type="number" es la mejor manera.