Mostrar los tags: input

Mostrando del 1 al 10 de 27 coincidencias
<<>>
Se ha buscado por el tag: input
Imágen de perfil

Utilizar un input type timer con varios rangos de horas


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 29 de Junio del 2020 por Joel (120 códigos)
312 visualizaciones desde el 29 de Junio del 2020
Código que muestra como utilizar varios rangos de horas en un <input type="time"> utilizando JavaScript.
Imágen de perfil

Cambiar el color de fondo al añadir texto en un input o textare


JavaScript

Publicado el 21 de Abril del 2020 por Joan (72 códigos)
885 visualizaciones desde el 21 de Abril del 2020
Este código cambia el color de fondo del formulario si se ha añadido algún texto en cualquier de sus input o textarea
Imágen de perfil

Poner una imagen en un botón submit


CSS

Publicado el 14 de Abril del 2020 por Katas (12 códigos)
565 visualizaciones desde el 14 de Abril del 2020
Simple código que muestra como poner una imagen en un input type="submit"

1
2
3
4
5
6
7
8
9
10
11
12
13
<style>
input[type=submit] {
    background: url('buttonSend.jpg');
    border: 0;
    display: block;
    height: 50px;
    width: 155px;
}
</style>
 
<form>
    <input type="submit" value="" name="submit">
</form>
Imágen de perfil

Botones interactivos


HTML

Publicado el 8 de Abril del 2020 por John Alexander (10 códigos)
474 visualizaciones desde el 8 de Abril del 2020
En este código podrás ver cómo hacer 3 botones interactivos los cuales activan una sombra de neón cuando colocas el cursor sobre alguno de ellos.

(No responsive)


Captura-de-pantalla-203
Imágen de perfil

Validar hora mientras se va escribiendo.


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 11 de Marzo del 2020 por Alejandro (9 códigos)
534 visualizaciones desde el 11 de Marzo del 2020
Un simple input para hora de tipo 24hrs que es validado y formateado mientras se escribe.
Imágen de perfil

Validar los campos de un formulario con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 4 de Febrero del 2020 por Xve (281 códigos) (Publicado el 14 de Octubre del 2014)
21.764 visualizaciones desde el 14 de Octubre del 2014
En este código se muestra como verificar la entrada de cuadros de texto (<input type="text"...), uno que tiene que tener como mínimo un carácter, y el otro que tiene que tener 4 caracteres exactos. Los limites de los campos se guarda en un dataset en cada <input>.
Si no se cumple con la condición, se marca el recuadro del input en color rojo y no deja enviar el formulario.

Va verificando cada input a medida que vamos escribiendo y luego los verifica todos cuando enviamos el formulario.

validar-formulario
Imágen de perfil

Poner el cursor al final de un input o textarea con JavaScript


JavaScript

Publicado el 12 de Diciembre del 2019 por Xavi (530 códigos)
889 visualizaciones desde el 12 de Diciembre del 2019
Código que muestra como poner el cursor al final de un input o textarea y mover el scroll al final del mismo.
Imágen de perfil

Poner el cursor al final de un input o textarea con JQuery


JQuery

Actualizado el 12 de Diciembre del 2019 por Xavi (530 códigos) (Publicado el 25 de Diciembre del 2013)
14.009 visualizaciones desde el 25 de Diciembre del 2013
Código que muestra como poner el cursor al final de un input o textarea y mover el scroll al final del mismo.
Imágen de perfil

Cambiar la aparicencia de un formulario si algun elemento obtiene el foco


CSS

Publicado el 18 de Septiembre del 2019 por Joan (72 códigos)
817 visualizaciones desde el 18 de Septiembre del 2019
La pseudo clase focus-within aplica estilos a un elemento padre si algún elemento hijo obtiene el foco.
En este ejemplo se muestra el uso de focus-within en un formulario, cuando un elemento de entrada obtiene el foco dentro de un formulario.

Sin el foco
sin-el-foco

Con el foco
con-el-foco
Imágen de perfil

Ordenar los valores enteros de un input


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Julio del 2019 por Info (81 códigos)
926 visualizaciones desde el 20 de Julio del 2019
Este simple código, muestra como obtener los números de un input, ordenarlos y mostrarlos.

ordenar
Anterior123Siguiente