Mostrar los tags: input

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)

Un simple input para hora de tipo 24hrs que es validado y formateado mientras se escribe.

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.

Código que muestra como poner el cursor al final de un input o textarea y mover el scroll al final del mismo.

Código que muestra como poner el cursor al final de un input o textarea y mover el scroll al final del mismo.

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


Con el foco

Este simple código, muestra como obtener los números de un input, ordenarlos y mostrarlos.

Este simple código muestra como crear un formulario unicamente con una linea horizontal en la parte inferior del input.

Este código solicita al usuario la entrada de valores enteros positivos, hasta la entrada de -1 que finaliza la entrada.
Posteriormente, calcula la media de los valores introducidos.

Este código, muestra asteriscos o cualquier otro carácter simulando un input.
Hay una función que se encarga de obtener un solo carácter y devolverlo sin mostrarlo por la pantalla.