¿qué tipo de campo de entrada obliga al teclado numérico del teclado numérico a aparecer cuando está enfocado?

Probé el <input type="number" /> pero en Opera que genera un cuadro de entrada extraño junto con un controlador "hacia arriba y hacia abajo". Lo que esperaba era un campo de texto regular que una vez que se enfoca en él, solicita el teclado numérico en lugar de los alfabetos. ¿Es eso posible?¿qué tipo de campo de entrada obliga al teclado numérico del teclado numérico a aparecer cuando está enfocado?

p.s. No estoy tratando de validar. Sería una buena experiencia de usuario, eso es todo.

Fuente

2010-07-30 Ayyash

type = "number" es HTML5 y ~~muchos teléfonos no son compatibles con HTML5~~. Para el enlace de llamada, puede usar type = "tel" o <A href="wtai://wp/mc;600112233">Special A</A>. También debe mirar CSS WAP extensions (page 56).

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

Fuente

2010-07-30 10:13:48 fravelgue

, leí ese documento, nada allí que hace que un teclado numérico pregunte por el alfabeto, por lo que no parece que el futuro contenga ninguna esperanza para los desarrolladores web :( lo tomaré como una respuesta final – Ayyash

3 comentarios: ① '' es para enlaces, no entradas. Ha preguntado por campos de entrada, entonces ¿por qué la mejor respuesta es la que no responde a su pregunta? Dado que WAP2 es XHTML MP (una versión ligera de HTML) , su afirmación "muchos teléfonos no admiten HTML" significa que no puede usar WAP2 en esos teléfonos de todos modos. ③ WAP está inactivo; consulte [Sitio WAP frente a HTML tradicional para un sitio web móvil] (http://stackoverflow.com)./questions/284281/wap-site-vs-traditional-html-for-a-mobile-web) & [¿Qué diferencia hay entre HTML y WML/WAP?] (http://stackoverflow.com/questions/2836719/whats- different-between-html-and-wml-wap). – Dori

@Ayyash, sry i Creo que confussed con la entrada y a. De todos modos, input type = "number" es HTML5. Podrías usar en teléfonos iPhone y Android y espero en futuro navegador Nokia. – fravelgue

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

<input type="tel">

posible que no haya gustado la "caja de entrada extraña" que tienes con Opera cuando se utiliza <input type="number" />, pero que realmente es el tipo apropiado de entrada área cuando desea que los visitantes ingresen un valor numérico.

Fuente

2010-07-30 04:20:37 Dori

pero el "tipo = número" no solicitó el teclado numérico, probaré el tipo de teléfono – Ayyash

usando la opera 10 en Windows Mobile 6.5, creo que tiene algo de HTML5, sé que he visto work, input type didnt work though – Ayyash

The 'type="number"' attribute isn't necessarily supposed to bring up a number pad. The question is: are you trying to force users to enter in a numeric value, or enter in a phone number? For the former, 'type="number"' is what you want. For the latter, 'type="tel"' (the telephone keypad, including # and *) is what you're looking for. '' isn't an input field; it's a link to dial a phone number. Example: '1-408-555-5555 '. – Dori

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

Fuente

2014-07-03 16:41:41

Basado en mis pruebas, 'type = 'number'' saca el teclado completo con números visibles en iOS, mientras que' type =' tel'' levanta el teclado numérico, que parece ser lo que el afiche pregunta. En Android, tanto 'number' como' tel' abren el teclado numérico. – Stan

Uso pattern="[0-9]*"

Ejemplo de introducción de números: <input type="number" pattern="[0-9]*" />
de entrada Ejemplo teléfono: <input type="tel" pattern="[0-9]*" />

Nota: Los navegadores que no soportan type="tel" tomaría el valor de un texto tipo

Cuidado con El uso de type="number" puede causar problemas con algunos navegadores y la experiencia del usuario para tarjetas de crédito, código postal y entradas de teléfono donde un usuario podría necesitar ingresar signos de puntuación o una coma en la salida.

Referencias:

Fuente

2014-11-18 22:40:57 Huski

Esta es la mejor y más actual respuesta. Gracias por sus notas y los enlaces, ambos fueron muy instructivos. –

intenta <input type="number" pattern="/d*"> O <input type="tel" pattern="/d*"> Esto ayudará si se trabaja con Android.

Fuente

2017-10-17 15:53:42 souvik

¿qué tipo de campo de entrada obliga al teclado numérico del teclado numérico a aparecer cuando está enfocado?

Respuesta

Cuestiones relacionadas