FORMULARIO

HTML_CSS
Prof. Luis Alberto, Auris Ramos
Email: luisauris1986@gmail.com
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@gmail.com
WhatsApp: 956921737