FORMULARIO
HTML_CSS
Prof. Luis Alberto, Auris Ramos
Email: luisauris1986@[Link]
WhatsApp: 956921737
1. Formularios
Los formularios, son los elementos en los que se
integran los botones y las áreas de texto que se
utilizan para que los usuarios introduzcan sus
datos o que puedan elegir entre varias opciones,
para la creación de formularios en HTML5.
2. Funcionamiento de los Formularios
Es un contenedor de controles que sirven para que el
usuario introduzca datos. un ejemplo de formulario se
puede ver en la cada control posee un nombre al cual se le
asigna un valor, el cual se corresponde con lo que el
usuario introduce en el usuario.
Cuando se envían los datos del formulario (normalmente a
través de un botón), se envían todos los nombres y valores
de los controles del formulario. en el caso típico, un
servicio de internet recoge esta información y hace algo
con ella.
Funcionamiento de los Formularios
3. Declaración un Formulario
Elemento clave para el desarrollo de aplicaciones
web es la interacción con el sistema de
información.
La etiqueta <form>
Puede contener cualquier fragmento HTML
Normalmente contiene controles: cuadros de
textos, botones, listas, etc.
Todos los controles de un formulario deben tener el
atributo name. (identifica los campos para
procesarlos en el serviso.
Deben declararse sin espacios ni caract
Etiquetas para crear con
form
formularios
Define el formulario.
Fieldset Permite organizar en grupos los campos de un
formulario
label Una etiqueta para acompañar un input
input Una gran variedad de tipos de input
textarea cuando se requiere mandar mucho texto
Option Representa una opción en un elemento
Select permite la selección entre un conjunto de opciones
Optgroup Representa un conjunto de opciones, agrupadas
lógicamente.
Datalist Representa un elemento de control que permite la
selección entre un conjunto de opciones
Output Representa el resultado de un cálculo.
Atributos para la validación de campos en los
formularios
Atributo: Es validación de los datos introducidos por los
usuarios en los campos de los formularios es esencial para
ofrecer al usuario información sobre los datos que se
están solicitando.
placeholder define la indicación corta que puede
consistir en una solo palabra o en una pequeña frase.
required indica al usuario que es requerido en un
elemento antes de que un form.
pattern Son las conocidas expresiones regulares
delimitar exactamente la sintaxis de una cadena válida.
min es el valor mínimo que es aceptable y válido para
el <input> que contiene el atributo.
Atributos para la validación de campos en los
formularios
Max Especifica el valor máximo para un <input>
elemento.
Step es un número que especifica la granularidad a la
que debe adherirse el valor, o el valor especial any.
Disabled deshabilitado si no puede ser activado (por
ejemplo ser seleccionado, hacer click en él o aceptar
texto de entrada) ni aceptar el foco.
Autofocus permite especificar que una parte del
formulario debe tener foco para ingresar información
cuando se carga la página.
autocomplete Aplica a los input del formulario, o a
todo el formulario cuando queremos que todos los elementos
compatibles con este elemento.
Creando Formularios
Tipos de input
email para validar un correo.
password oculta los caracteres
hidden Un input oculto
number solo admite números
search un buscador
Tipos de input
file para subir archivos
color para seleccionar un color
date para una fecha
radio permite marcar una opción
entre varias
checkbox permite varias opciones
CREANDO UN
FORMULARIO
CREANDO UN
FORMULARIO
MUCHAS
GRACIAS
Prof. Luis Alberto, Auris Ramos
Email: luisauris1986@[Link]
WhatsApp: 956921737
