Mostrar los tags: formulario

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

Llenar una tabla con los valores de un formulario


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 14 de Febrero del 2021 por Xavi (542 códigos) (Publicado el 20 de Noviembre del 2018)
9.179 visualizaciones desde el 20 de Noviembre del 2018
Simple código que muestra como ir rellenando una tabla de valores con el nombre y edad que vamos introduciendo en el formulario.
En esta última versión, también se añaden los datos al formulario de manera oculta, para poder ser enviados al enviar el formulario. Se crea una array de valores denominado "nombres" que contiene el valor de cada y su edad separados por un guion:
juan-18
pedro-22
jose-24
manuel-19

llenar-tabla-valores-formulario-y-input
Imágen de perfil

formatear un numero según es introducido en un input de un formulario


JavaScript

Publicado el 28 de Enero del 2021 por Aitor (6 códigos)
177 visualizaciones desde el 28 de Enero del 2021
Rutina en JavaScript para formatear el campo input de un formulario según se va introduciendo con el teclado.

Hay varias clases:
Números enteros positivos y negativos o solo los positivos.
Números flotantes positivos y negativos o solo los positivos.
Fijación de números flotantes a 2 decimales.

Se puede indicar el formato de los separadores de miles y de decimales entre el formato USA que usa como separador de miles la coma "," y el separador de decimales el punto "." o viceversa como en España.

Demo y copia gratuita de:
https://www.bc3toexcel.com/compartir/input-format-number-as-keyed.htm

En el navegador pulsando botón derecho del ratón opción mostrar código fuente se puede copiar.
format-number-as-keyed
Imágen de perfil

Una Forma de Contact/Contact Form en HTML5&CSS3 Responsive


HTML

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 3 de Agosto del 2020 por Terry (3 códigos) (Publicado el 7 de Diciembre del 2014)
7.939 visualizaciones desde el 7 de Diciembre del 2014
Hola Amigos esta vez les traigo una forma de contacto/contact form en html5 y css3 responsive, si me sobra un poco de tiempo en unos días subiré la versión en php 5.4
Imágen de perfil

HTML DESDE CERO COMO SI ESTUVIERA EN EL COLEGIO


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 23 de Julio del 2020 por Oswaldo Alberto (6 códigos)
943 visualizaciones desde el 23 de Julio del 2020
Cordial saludo.

El presente código fuente trata de Html, desde lo básico hasta el manejo de formularios, manejo de tablas, manejo de frames (ojo ya no se usan, pero por tratarse de enseñanza se ejemplarizan).

Finalmente se aplica el uso de formularios con tablas, es un concepto fui facil de aprender, para luego aplicarlo a sus necesidades. Con base a todo lo anterior, podrá seguir estudiando CSS el cual complementa el Html, y en un futuro muy cercano estudiar Html5 y CSS3.

Recuerden que en Internet existen muchos recursos presentados en muchos formatos para estudiar para aprender. "La vida es muy corta... vívela al máximo, como si fuera tu último día..."

Gracias,
Oswaldo Serrano
oase1973@yahoo.es

Foto-HV-Oswaldo-Serrano
Html
Imágen de perfil

Moverse entre los elementos de un formulario con las flechas del teclado


JavaScript

Publicado el 14 de Julio del 2020 por Info (96 códigos)
656 visualizaciones desde el 14 de Julio del 2020
Con este código nos podemos mover entre los elementos de un formulario con las flechas de subir y bajar.
Imágen de perfil

Validar los campos de un formulario con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 4 de Febrero del 2020 por Xve (293 códigos) (Publicado el 14 de Octubre del 2014)
22.769 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

Enviar un formulario automáticamente al introducir 6 caracteres


JavaScript

Publicado el 15 de Enero del 2020 por Joel (143 códigos)
481 visualizaciones desde el 15 de Enero del 2020
Código de ejemplo para mostrar como enviar un formulario automáticamente al introducir 6 caracteres en un input.
Imágen de perfil

Añadir y eliminar filas de un formulario


JQuery

Publicado el 23 de Octubre del 2019 por Administrador (703 códigos)
1.167 visualizaciones desde el 23 de Octubre del 2019
Este código muestra como añadir y eliminar filas en un formulario dentro de una tabla.

Administrar-tabla-jquery
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 (98 códigos)
933 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

Formulario para cambiar la contraseña


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 21 de Julio del 2019 por Xavi (542 códigos) (Publicado el 17 de Mayo del 2009)
33.390 visualizaciones desde el 17 de Mayo del 2009
Código de ejemplo que muestra el código para validar la nueva contraseña en un formulario para cambiarla. Valida que tenga un tamaño mínimo de 6 caracteres y que contenga números y letras.

contrasena
Anterior1234Siguiente