FORMULARIO
HTML
CUPUL PINTOR MARIA FERNANDA
CETZ GUTIERREZ JESUS ENRIQUE
MORENO TZUC DAVID EMILIANO
ROBLES ISLAS NAOMI FARYDE
Contenidos.
1 Que es un formulario HTML
6 Que etiquetas se utilizan para
crear un formulario HTML
2 Para que sirven los formularios
HTML 7 Tipos de controles en
formulario
3 Para que se usan
8 Como se agrupan los campos
de un formulario
4 Estructura basica de un
formulario HTML 9 Como se crea un campo de
texto de un formulario
5 Ejemplo de un formulario
simple 10 Conclusión
¿QUE ES UN
FORMULARIO HTML?
Un formulario HTML es una caja de texto que puede contener
casillas de verificación, botones y campos alfanuméricos.
Suelen encontrarse en los sitios web para recolectar los datos
personales de los usuarios interesados en la oferta del sitio.
Estos datos posteriormente se envían a una base de datos
para ser procesados.
¿ PARA QUE SIRVEN LOS
FORMULARIOS HTML?
PARA QUE SIRVEN LOS FORMULARIOS DE HTML Como puedes ver, el
objetivo de un formulario es la interacción del usuario con la empresa.
Por ello, es importante que no los satures de campos y solicitudes de
información que realmente no necesitas.
Desde el punto de vista del usuario, debes pensar en la usabilidad y la
pertinencia de tus formularios, para que no provoquen el efecto
contrario al que buscas: entablar una relación con un cliente potencial.
¿ PARA QUE
SE USAN ?
Los formularios se utilizan para una gran variedad de propósitos, como:
Recopilar información de los usuarios: nombre, correo electrónico,
preferencias, etc.
Realizar pedidos o compras: en tiendas online.
Contactar con empresas o sitios web: a través de formularios de
contacto.
Iniciar sesión o registrarse: en sitios web con acceso restringido.
Participar en encuestas o sondeos: para recopilar opiniones o datos.
¿ ESTRUCTURA
BASICA DE UN Etiqueta <form>: define el
inicio del formulario.
FORMULARIO Controles: elementos que
permiten al usuario interactuar
HTML ? con el formulario, como campos
de texto, casillas de
verificación, botones, etc.
Etiqueta </form>: define el
final del formulario.
EJEMPLO DE UN FORMULARIO
SIMPLE
¿ QUE ETIQUETAS SE
UTILIZAN PARA CREAR
UN FORMULARIO HTML?
‹form>: define el inicio del formulario.
</form>: define el final del formulario.
TIPOS DE
CONTROLES EN
FORMULARIOS
Campos de texto: para introducir texto simple.
Contraseñas: para introducir texto oculto.
Casillas de verificación: para seleccionar una o más opciones.
Botones de radio: para seleccionar una única opción de un grupo.
Botones: para enviar el formulario o realizar otras acciones.
Áreas de texto: para introducir texto de varias líneas.
Menús desplegables: para seleccionar una opción de una lista.
Ficheros: para subir archivos al servidor.
¿COMO SE
AGRUPAN LOS
CAMPOS DE UN
FORMULARIO?
Se utilizan etiquetas < fieldset> y </fieldset>
para agrupar campos relacionados.
Se puede agregar un título a cada grupo con la
etiqueta ‹legend>.
¿COMO SE CREA UN
CAMPO DE TEXTO DE
UN FORMULARIO?
Se utiliza la etiqueta ‹select> con el atributo name.
Se agregan opciones con la etiqueta
<option>.
Se puede seleccionar una opción por defecto con el
atributo selected.
CONCLUSIÓN