Articles of input

Entrada perdiendo enfoque en dispositivos Android

Estoy encontrando un problema en el enfoque de entrada, en los dispositivos Android. He hecho un menú fuera de canvas para dispositivo móvil. En este menú tengo una entrada de búsqueda. El problema es que en Android, cuando toco la entrada, se enfoca, luego aparece el teclado, luego la entrada pierde el enfoque y el […]

¿Cómo voltear verticalmente todas las letras en posiciones pares en el elemento de entrada?

Necesito voltear verticalmente todas las letras en posiciones iguales mientras mantengo las letras en las posiciones impares intactas en el elemento. Ahora estoy usando este estilo css: -webkit-transform: rotateX (180deg) . Pero voltea todo el texto en el elemento de entrada. ¿Qué debo hacer más? O tal vez es posible en otro elemento, no una […]

¿Por qué no alinea verticalmente: el medio funciona con elementos de entrada en una tabla-celda?

Aquí está mi código: * { vertical-align: top; margin: 0; } td { vertical-align: middle; border: 1px solid red; } td:nth-child(1) { line-height: 3em; } td:nth-child(2) { line-height: 4em; } td:nth-child(3) { line-height: 0.1em; } p, input { outline: 1px solid green; } Some vertically centered text. Como se puede ver, la p está perfectamente […]

deshabilitar la entrada en la checkbox

Es necesario deshabilitar una entrada cuando la checkbox no está marcada, y cuando está marcada, habilitarla. Mi código es así: Pero quiero deshabilitar y habilitar la entrada de selección que corresponde a una checkbox. Si el usuario hace clic en la primera checkbox, habilite la primera entrada y haga lo mismo para la segunda y […]

el cursor sobrepasa el borde cuando toca o selecciona todo el contenido en los campos de entrada en iOS 8

IOS8 tiene el problema, IOS7 no lo tiene. Tengo una etiqueta de entrada cuya longitud del contenido es más larga que su ancho. cuando toca, el cursor excede el borde derecho, vea cursor.png. Y cuando se selecciona todo el desplazamiento de selección también supera el borde. ver selectall.png ¿Alguien más pasó el problema. Gracias!

Cambiar una imagen de fondo a través de una entrada de archivo

Mi pregunta es cómo cambiar la imagen de fondo de un div a una imagen seleccionada por un elemento de archivo de entrada. El archivo de entrada se oculta y se ejecuta cuando el usuario del sitio hace clic en otro elemento de entrada aquí es ese código: $(function(){ $(‘#verborgen_file’).hide(); $(‘#uploadButton’).on(‘click’,function(){ $(‘#verborgen_file’).trigger(‘click’); }); }); Así […]

¿Mostrando una entrada que solo permite números y el punto decimal?

¿Hay alguna forma de definir un que muestre una entrada de teclado que solo permita números y el punto decimal (o coma para los usuarios internacionales)? muestra la mierda del teléfono que no necesito, y ningún punto decimal muestra todos los números, pero sin punto decimal ¿Qué puedo hacer para obtener la información que necesito?

Compruebe si un campo de entrada tiene foco en JavaScript vanidoso

Usando jQuery, puedo probar si un campo de entrada tiene un enfoque como ese: if ($(“…”).is(“:focus”)) { … } ¿Cómo hago eso sin usar jQuery?

Entrada desplegable HTML / CSS onclick no disparando

Estoy intentando implementar un cuadro de búsqueda con sugerencias desplegables usando solo CSS / HTML. Se muestra bien pero no puedo hacer que el evento onclick se dispare al hacer clic en un elemento desplegable y los enlaces tampoco funcionan. Si no oculto la lista, funciona bien, pero cuando se oculta y luego se muestra […]

Aplicación del atributo maxlength en los navegadores móviles

Tengo una entrada de texto con una longitud máxima: Esto ha funcionado bien en todos los navegadores de escritorio que he probado, pero la longitud máxima no parece aplicarse en los navegadores móviles. ¿Hay alguna manera de hacer que los navegadores móviles implementen maxlength ? Estoy abierto a usar JavaScript y / o jQuery en […]