tipo de entrada = teclado numérico tiene punto deshabilitado en Galaxy Tab

Question

Sé que hay muchas preguntas sobre ese problema ya respondidas, pero ninguna de las soluciones proporcionadas ha funcionado para mí.

Estoy desarrollando una web para una empresa que usa Samsung Galaxy Tab. Hay muchas entradas cuyos contenidos son números decimales. Así que lo intenté con <input type="number" />. Pero el navegador muestra un teclado con punto y coma desactivados. No solo este, sino los separadores de punto, punto o coma se eliminan del valor.

Ya he intentado establecer un paso como "0,1", "0,01", "0,1", "0.01", "cualquier", etc., mínimo, máximo, patrón con una expresión regular que coincida con el decimal números ... No hay consejos en stackoverflow para probar, y esto es terrible jaja.

Estoy usando un Samsung Galaxy Tab 10.1 con navegador predeterminado, pero no he encontrado ningún documento que mencione ninguna limitación de su implementación en html5. Así que hoy en día no sé si hay algo que me falta, si hay algo que puedo intentar, o si algo sabe que es culpa de Galaxy Tab así que no puedo hacer nada por esto.

Muchas gracias de antemano.

Answer 1

El HTML5 specification for input with a type of number indica que se debe permitir cualquier cadena que se pueda analizar como valid floating point number. Eso incluye específicamente ., así como -, + y e.

Por lo que la implementación en el Samsung Galaxy Tab 10.1 no es válida.

Si necesita admitir este dispositivo, es posible que deba usar type="text" y validar la cadena. Esto no mostrará automáticamente el teclado correcto en los dispositivos que tienen teclados de software.

<input type="text" pattern="^-?(?:[0-9]+|[0-9]*\.[0-9]+)$" name="NumberInput"> 

Answer 2

En androide espacio de nombres que puede utilizar:

android:inputType="numberDecimal" 

que le permite introducir el ""

Answer 3

Es necesario extender la clase de vista web y utilizar su objeto como éste

public class WebViewExtended extends WebView{ 

    public WebViewExtended(Context context) { 
     super(context); 
    } 

    public WebViewExtended(Context context, AttributeSet attrs) { 
     super(context, attrs);  
    } 

    public WebViewExtended(Context context, AttributeSet attrs, int defStyle) { 
     super(context, attrs, defStyle); 
    } 

    @Override 
    public InputConnection onCreateInputConnection(EditorInfo outAttrs) { 
     InputConnection connection = super.onCreateInputConnection(outAttrs); 
     if ((outAttrs.inputType & InputType.TYPE_CLASS_NUMBER) == InputType.TYPE_CLASS_NUMBER) 
     { 
      outAttrs.inputType |= InputType.TYPE_NUMBER_FLAG_DECIMAL; 
     } 

     return connection; 
    } 

}